affectUI
Search, read and install agent-ready React components, screens and blocks for AI products.
使うべきか
品質と安全性
検出事項（2）
- LOWTool 'list_components' description lacks action verblist_components 内
- LOWTool 'get_component' description lacks action verbget_component 内
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"affectui": {
"url": "https://www.affectui.com/api/mcp"
}
}
}リモートエンドポイント
https://www.affectui.com/api/mcpstreamable-httpできること
ツール一覧
ツール（4）
🟢search_components(query, section, free_only)
Find affectUI components, screens, blocks, illustrations and motion effects for a UI need, e.g. 'chat input with model picker' or 'onboarding checklist'.
入力スキーマ
{
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "What the UI should do or look like"
},
"section": {
"description": "Limit to one section",
"type": "string",
"enum": [
"Components",
"Screens",
"Blocks",
"Illustrations",
"Motion"
]
},
"free_only": {
"description": "Only free items",
"type": "boolean"
}
},
"required": [
"query"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢list_components(section)
Every affectUI item with slug, section, category, free or Pro, and a one-line description.
入力スキーマ
{
"type": "object",
"properties": {
"section": {
"description": "Limit to one section",
"type": "string",
"enum": [
"Components",
"Screens",
"Blocks",
"Illustrations",
"Motion"
]
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_component(slug)
Docs for one item: install command, usage example, props, keyboard, accessibility and notes.
入力スキーマ
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "The item's slug, e.g. reaction-bar"
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟡get_source(slug)
The full .tsx source of an item, to write to components/ui/<slug>.tsx when the shadcn CLI isn't available. Pro items need the user's access key in the MCP connection.
入力スキーマ
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "The item's slug, e.g. reaction-bar"
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}コミュニティ
エビデンス