$ loading_
帮助开发与设计团队调用设计令牌、组件规范并自检 HTML 质量。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "melta UI" MCP 服务: 执行:claude mcp add 'io-github-tsubotax-melta-ui' -- npx -y melta-ds-mcp
请基于 melta UI 的 design tokens 和 component contracts,生成一个主按钮的 HTML 与样式示例,包含默认、悬停、禁用三种状态,并说明使用了哪些 token。
输出符合 melta UI 规范的按钮代码、状态说明及对应的设计令牌映射。
请用 melta UI 的 check_html 和规则集检查这段 HTML,指出不符合组件契约或设计规则的问题,并给出修正后的版本:<div class="card"><button>提交</button></div>
输出问题清单、违规原因,以及一份修正后更符合规范的 HTML。
请参考 melta UI 的 99 条规则、tokens 与 component contracts,为“通知提示条”组件整理一份实现规范,包含结构、状态、间距、颜色、可访问性要求。
输出一份可交付给设计师和前端的组件规范草案,便于统一实现。
帮助用户发现并理解设计系统组件,自动生成对应前端代码与实现参考。