{"apiVersion":"v1","directorySlug":"velkinui-mcp-a45d1b671a","title":"Velkin","description":"Accessible Lit web components with typed React and Vue wrappers, plus a live MCP server so AI editors write correct Velkin code. Open-core MIT with Pro data components.","pageUrl":"https://www.mcpbundles.com/skills/velkinui-mcp-a45d1b671a","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://mcp.velkinui.com/mcp","hostedMcpUrl":null,"toolCount":16,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"com.velkinui/velkinui-mcp-a45d1b671a","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"get_project_guide","description":"Installation and bundler setup for Velkin (lit, react, vue, next).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["kind"],"properties":{"kind":{"enum":["installation","setup"],"type":"string"},"framework":{"type":["string","null"]}}},"title":"Project guide","logicalName":"get_project_guide","displayName":"Project guide","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"velkin_components","description":"List, search, or API-search Velkin components. Use operation='list_experimental' to see all components not yet stable.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["operation"],"properties":{"tier":{"anyOf":[{"enum":["free","pro","all"],"type":"string"},{"type":"null"}]},"limit":{"anyOf":[{"type":"integer","maximum":100,"minimum":1},{"type":"null"}]},"query":{"type":["string","null"]},"offset":{"anyOf":[{"type":"integer","maximum":9007199254740991,"minimum":0},{"type":"null"}]},"operation":{"enum":["list","search","search_by_api","list_experimental"],"type":"string"}}},"title":"Component catalog","logicalName":"velkin_components","displayName":"Component catalog","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_velkin_component_docs","description":"Props, slots, events, methods, CSS parts, and types for one or more components.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"name":{"type":["string","null"]},"names":{"anyOf":[{"type":"array","items":{"type":"string"}},{"type":"null"}]},"enrich":{"type":["boolean","null"]},"surface":{"anyOf":[{"enum":["props","events","slots","methods","parts","types"],"type":"string"},{"type":"null"}]}}},"title":"Component API docs","logicalName":"get_velkin_component_docs","displayName":"Component API docs","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_component_usage","description":"Starter lit/react/vue snippets for a component.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["name"],"properties":{"name":{"type":"string"},"variant":{"type":["string","null"]},"framework":{"anyOf":[{"enum":["lit","react","vue"],"type":"string"},{"type":"null"}]}}},"title":"Usage snippets","logicalName":"get_component_usage","displayName":"Usage snippets","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_recipes","description":"Curated multi-component patterns (app shell, forms, dialogs, Pro data-table).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["operation"],"properties":{"id":{"type":["string","null"]},"operation":{"enum":["list","get"],"type":"string"}}},"title":"Composition recipes","logicalName":"get_recipes","displayName":"Composition recipes","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_theme","description":"VuThemeProvider guide, preference helpers, and VuThemeConfig compose example.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["operation"],"properties":{"operation":{"enum":["guide","preference","compose"],"type":"string"},"preference":{"anyOf":[{"enum":["light","dark","system"],"type":"string"},{"type":"null"}]}}},"title":"Theme provider","logicalName":"get_theme","displayName":"Theme provider","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_theme_tokens","description":"Retrieve Velkin theme tokens (colors, spacing, corners).","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"category":{"anyOf":[{"enum":["colors","spacing","radius","all"],"type":"string"},{"type":"null"}]}}},"title":"Design Tokens","logicalName":"get_theme_tokens","displayName":"Design Tokens","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"velkin_lint","description":"Analyze code files or strings for incorrect Velkin imports, event handlers, and props.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"code":{"type":["string","null"]},"filePath":{"type":["string","null"]},"framework":{"anyOf":[{"enum":["react","vue","lit"],"type":"string"},{"type":"null"}]}}},"title":"Velkin Code Linter","logicalName":"velkin_lint","displayName":"Velkin Code Linter","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"search_icons","description":"Search for approved Velkin icons.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"limit":{"anyOf":[{"type":"integer","maximum":100,"minimum":1},{"type":"null"}]},"query":{"type":["string","null"]}}},"title":"Velkin Icons","logicalName":"search_icons","displayName":"Velkin Icons","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"suggest_component","description":"Given a natural-language description of a UI need, returns ranked Velkin component suggestions with rationale. Use this when the user describes what they want rather than naming a component directly.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["description"],"properties":{"tier":{"anyOf":[{"enum":["free","pro","all"],"type":"string"},{"type":"null"}]},"limit":{"anyOf":[{"type":"integer","maximum":20,"minimum":1},{"type":"null"}]}}},"title":"Component suggester","logicalName":"suggest_component","displayName":"Component suggester","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"validate_component_usage","description":"Validates a set of props against the Velkin component schema. Detects unknown props, type mismatches, and invalid enum values before code generation.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["component","props"],"properties":{"props":{"type":"object","propertyNames":{"type":"string"},"additionalProperties":{}},"component":{"type":"string"}}},"title":"Component usage validator","logicalName":"validate_component_usage","displayName":"Component usage validator","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"diff_component_migration","description":"Compares two code snippets of the same Velkin component (before/after a refactor or version upgrade) and surfaces breaking changes, unknown props, and dropped events.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["component","fromCode","toCode"],"properties":{"toCode":{"type":"string"},"fromCode":{"type":"string"},"component":{"type":"string"}}},"title":"Component migration diff","logicalName":"diff_component_migration","displayName":"Component migration diff","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_changelog","description":"Reads and parses the @velkin/ui CHANGELOG.md. Filter by version range or component name to surface breaking changes for upgrade planning.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"component":{"type":["string","null"]},"toVersion":{"type":["string","null"]},"fromVersion":{"type":["string","null"]}}},"title":"Changelog","logicalName":"get_changelog","displayName":"Changelog","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_a11y_guide","description":"Returns ARIA roles, required attributes, keyboard interaction patterns, WCAG references, and practical tips for a Velkin component. Essential for building accessible UIs.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["component"],"properties":{"component":{"type":"string"}}},"title":"Accessibility guide","logicalName":"get_a11y_guide","displayName":"Accessibility guide","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_component_dependencies","description":"Returns a component's dependency graph — which components it uses internally (children/composition) and which components use it as a child. Essential for planning multi-component compositions.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","required":["component"],"properties":{"component":{"type":"string"},"direction":{"anyOf":[{"enum":["uses","usedBy","both"],"type":"string"},{"type":"null"}]}}},"title":"Component dependency graph","logicalName":"get_component_dependencies","displayName":"Component dependency graph","annotations":{"untrustedContentHint":true,"readOnlyHint":true}},{"name":"get_docs","description":"Read allowlisted markdown guides shipped with @velkin/mcp.","inputSchema":{"type":"object","$schema":"http://json-schema.org/draft-07/schema#","properties":{"list":{"type":["boolean","null"]},"path":{"type":["string","null"]}}},"title":"Guides","logicalName":"get_docs","displayName":"Guides","annotations":{"untrustedContentHint":true,"readOnlyHint":true}}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=Velkin&config=eyJ1cmwiOiAiaHR0cHM6Ly9tY3AudmVsa2ludWkuY29tL21jcCJ9"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22Velkin%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.velkinui.com%2Fmcp%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22Velkin%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.velkinui.com%2Fmcp%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Velkin&connectorUrl=https%3A%2F%2Fmcp.velkinui.com%2Fmcp"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"Velkin\" --url \"https://mcp.velkinui.com/mcp\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/velkinui-mcp-a45d1b671a","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/velkinui-mcp-a45d1b671a/tools/{tool}","mcpServerUrl":"https://mcp.velkinui.com/mcp","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/velkinui-mcp-a45d1b671a?live=1"}