Foundry44
Search the Foundry44 library and install animated UI components for any stack.
Sollte ich dies verwenden
Qualität und Sicherheit
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"components": {
"url": "https://foundry44.dev/mcp"
}
}
}Remote-Endpunkte
https://foundry44.dev/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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"
]
}Community
Nachweis