{"apiVersion":"v1","directorySlug":"framebrick-mcp-fb6fc76df2","title":"Framebrick","description":"Free animated React components and website templates, plus page blocks you theme in one file. Copy a component into Next.js, or remix a template in Framer.","pageUrl":"https://www.mcpbundles.com/skills/framebrick-mcp-fb6fc76df2","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://mcp.framebrick.co/api/mcp","hostedMcpUrl":null,"toolCount":8,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"co.framebrick/framebrick-mcp-fb6fc76df2","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"search","description":"Scored search over the templates, free components and page blocks. Each hit has a score, why it matched, its access (free, pro or ultimate), the page URL, a preview URL where there is one and the install command. weak is true when nothing fits well: then say so instead of forcing a pick.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["query"],"properties":{"type":{"enum":["all","template","component","block"],"type":"string","default":"all"},"limit":{"type":"integer","default":8,"maximum":20,"minimum":1},"query":{"type":"string","maxLength":200,"minLength":1}}},"title":"Search Framebrick","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"search","displayName":"Search Framebrick"},{"name":"get_template","description":"A template's pages, features, use cases and editions (Framer, Next.js, Astro, HTML, Figma, AI prompt) with the plan each needs and the demo URLs.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string","maxLength":80}}},"title":"Get a template","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_template","displayName":"Get a template"},{"name":"get_design_md","description":"A template's DESIGN.md: its colours, typography, spacing, radii and component rules as design tokens and prose (Google Labs' DESIGN.md format), free. Save it at the project's root to build new pages in that template's style.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string","maxLength":80}}},"title":"Get a template's DESIGN.md","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_design_md","displayName":"Get a template's DESIGN.md"},{"name":"get_component","description":"The real usage example, props table, notes and install command of one to ten free components. Read this before wiring one in.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slugs"],"properties":{"slugs":{"type":"array","items":{"type":"string","maxLength":80},"maxItems":10,"minItems":1}}},"title":"Get components","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_component","displayName":"Get components"},{"name":"get_block","description":"A page block's category, usage, props, the components it installs, preview URL and install command. The source is not returned: it comes from the blocks registry with a Pro or Ultimate token.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["slug"],"properties":{"slug":{"type":"string","maxLength":80}}},"title":"Get a page block","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_block","displayName":"Get a page block"},{"name":"install_command","description":"The exact command and components.json registry entry to install a component or block, and what the project needs first. For a template it says where to get each edition.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["type","slug"],"properties":{"slug":{"type":"string","maxLength":80},"type":{"enum":["template","component","block"],"type":"string"}}},"title":"Install command","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"install_command","displayName":"Install command"},{"name":"plan_page","description":"Turns what the user wants ('a landing page for a branding studio with projects and testimonials') into ordered sections, each with the best-matching block, why, its install command, preview and alternatives, plus a `builder` link that opens the whole page in the Framebrick page builder. A section with no block says so. Pass sections to choose them yourself.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["intent"],"properties":{"intent":{"type":"string","maxLength":500,"minLength":1},"sections":{"type":"array","items":{"type":"string","maxLength":60},"maxItems":16}}},"title":"Plan a page from blocks","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"plan_page","displayName":"Plan a page from blocks"},{"name":"get_plans","description":"What is free, what Pro and Ultimate include, and their prices (null while a plan is not on sale yet).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{}},"title":"Plans and prices","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_plans","displayName":"Plans and prices"}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=Framebrick&config=eyJ1cmwiOiAiaHR0cHM6Ly9tY3AuZnJhbWVicmljay5jby9hcGkvbWNwIn0%3D"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22Framebrick%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.framebrick.co%2Fapi%2Fmcp%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22Framebrick%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.framebrick.co%2Fapi%2Fmcp%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Framebrick&connectorUrl=https%3A%2F%2Fmcp.framebrick.co%2Fapi%2Fmcp"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"Framebrick\" --url \"https://mcp.framebrick.co/api/mcp\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/framebrick-mcp-fb6fc76df2","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/framebrick-mcp-fb6fc76df2/tools/{tool}","mcpServerUrl":"https://mcp.framebrick.co/api/mcp","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/framebrick-mcp-fb6fc76df2?live=1"}