affectUI
Search, read and install agent-ready React components, screens and blocks for AI products.
我该使用它吗
质量与安全性
A
发现（2）
- LOWTool 'list_components' description lacks action verb在 list_components 中
- LOWTool 'get_component' description lacks action verb在 get_component 中
基于对工具定义和协议合规性的自动分析。
上下文开销
~404token 数（工具定义）
~713 B典型响应大小
对注意力的影响极小（占 128k 上下文窗口的 0.32%）
这是每次将服务器的工具加载到模型上下文窗口时所消耗的大致 token 数。数值越高，可用于其他任务的注意力就越少。
安装
一键安装
将以下内容添加到你的 `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#"
}社区
证据
最近观测
已验证未记录版本4 个工具