Kodza
Free premium UI components in plain HTML, CSS and vanilla JS, for AI coding assistants.
我该使用它吗
质量与安全性
基于对工具定义和协议合规性的自动分析。
上下文开销
这是每次将服务器的工具加载到模型上下文窗口时所消耗的大致 token 数。数值越高，可用于其他任务的注意力就越少。
安装
一键安装
将以下内容添加到你的 `claude_desktop_config.json` 文件中：
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"kodza-mcp"
]
}
}
}可运行的软件包
0.1.1stdio远程端点
https://kodza.dev/api/mcpstreamable-http它能做什么
工具清单
工具（2）
🟢search_components(query, category, limit)
Find Kodza UI components (plain HTML/CSS/vanilla JS) by what they do or look like, e.g. "button fill hover", "image slider", "sticky header", "date picker". Leave query empty to list a whole category. Returns slugs to pass to get_component.
输入模式
{
"type": "object",
"properties": {
"query": {
"type": "string",
"description": "Words describing the component or effect, in English"
},
"category": {
"type": "string",
"description": "buttons, links, text, images, cards, navigation, scroll, transitions, forms, overlays, feedback or data"
},
"limit": {
"type": "integer",
"minimum": 1,
"maximum": 50,
"description": "How many results, 12 by default"
}
}
}🟢get_component(slug, target, inline)
The full code of one Kodza component (HTML, CSS and, when it has one, vanilla JS), its API (CSS variables with defaults, modifier classes, data attributes, events), what each key does when it takes the keyboard, its dark-mode values and how to install it. Its CSS and JS are also served as exact files, listed with their curl download commands; inline: false leaves them out of the answer. target narrows the install notes to one stack.
输入模式
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "The component slug, from search_components (e.g. \"button-fill\")"
},
"target": {
"type": "string",
"enum": [
"html",
"artifact",
"wordpress",
"shopify",
"react"
],
"description": "Where it goes: html (a plain page), artifact (a Claude artifact on claude.ai), wordpress, shopify or react. All of them when omitted"
},
"inline": {
"type": "boolean",
"description": "false: leave the CSS and JS out of the Code section (you download those files with the given commands). true by default, for assistants that cannot run commands"
}
},
"required": [
"slug"
]
}社区
证据