Foundry44
Search the Foundry44 library and install animated UI components for any stack.
¿Debería usar esto?
Calidad y seguridad
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": {
"components": {
"url": "https://foundry44.dev/mcp"
}
}
}Puntos de conexión remotos
https://foundry44.dev/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (2)
🟢search_components(query, category, freeOnly)
Find animated UI components in the Foundry44 library by what they do (e.g. 'text reveal on scroll', 'cursor glow'). Returns names to pass to get_component.
Esquema de entrada
{
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Words describing the effect, or a component's name."
},
"category": {
"type": "string",
"enum": [
"3d-objects",
"backgrounds",
"buttons",
"cards",
"cursors",
"dividers",
"footers",
"headers",
"images",
"navigation",
"tags-badges",
"text",
"transitions"
],
"description": "Only this family."
},
"freeOnly": {
"type": "boolean",
"description": "Only free (MIT) components, the ones that can be installed today."
}
}
}🟡get_component(name, settings)
Steps to add a Foundry44 component to the user's project, for any stack (plain HTML, React with or without shadcn, other), with its markup, options and pitfalls. Follow them in the user's project.
Esquema de entrada
{
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The component's name, as search_components gives it (e.g. 'spotlight-card')."
},
"settings": {
"type": "object",
"description": "Optional values that differ from the defaults: an option by its name (e.g. {\"duration\": 800}); a colour by its CSS variable (e.g. {\"--f44-spotlight-card-color\": \"secondary\"}) with a palette role of the project (brand, secondary, text, background, muted) or a #rrggbb hex.",
"additionalProperties": {
"type": [
"string",
"number",
"boolean"
]
}
}
},
"required": [
"name"
]
}Comunidad
Evidencia