affectUI
Search, read and install agent-ready React components, screens and blocks for AI products.
¿Debería usar esto?
Calidad y seguridad
Hallazgos (2)
- LOWen list_components
- LOWen get_component
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"affectui": {
"url": "https://www.affectui.com/api/mcp"
}
}
}Puntos de conexión remotos
https://www.affectui.com/api/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (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'.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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#"
}Comunidad
Evidencia