affectUI
Search, read and install agent-ready React components, screens and blocks for AI products.
Should I use this
Quality & Safety
Findings (2)
- LOWTool 'list_components' description lacks action verbin list_components
- LOWTool 'get_component' description lacks action verbin get_component
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.
Install
One-Click Install
Add this to your `claude_desktop_config.json` file:
{
"mcpServers": {
"affectui": {
"url": "https://www.affectui.com/api/mcp"
}
}
}Remote endpoints
https://www.affectui.com/api/mcpstreamable-httpWhat it can do
Tool inventory
Tools (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'.
Input Schema
{
"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.
Input Schema
{
"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.
Input Schema
{
"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.
Input Schema
{
"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#"
}Community
Evidence