$ loading_
帮助开发与设计团队管理设计系统记忆,生成组件代码并审查 Tailwind 一致性
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "memi" MCP 服务: 执行:claude mcp add io-github-sarveshsea-memi -- npx -y @memi-design/cli
读取这个项目的 Figma design tokens,并基于 shadcn/ui 生成一个符合现有按钮、输入框和卡片规范的 React 组件示例。
输出符合设计系统规范的 React 组件代码,并体现正确的样式令牌映射。
扫描当前前端代码中的 Tailwind 类名,找出不符合设计系统的颜色、间距和圆角写法,并给出统一替换建议。
返回一份样式审查结果,列出不一致项、影响范围和建议替换方案。
根据已有的 Figma tokens 和组件约定,总结当前设计系统规则,并说明开发新页面时应复用哪些 shadcn/ui 组件与 Tailwind 规范。
输出一份清晰的设计系统摘要,帮助团队在新页面开发中保持统一。
根据代码库在 Figma 中创建或更新专业级设计系统与组件库
为 AI 编码代理提供本地可搜索的项目记忆与安全结构化更新能力。
将 Figma 设计系统接入 AI,用于提取、生成与调试设计资源
为多种编程代理提供统一持久记忆层,提升跨工具协作与开发连续性。
为项目代码库生成定制化设计系统规则,统一 Figma 到代码协作规范。
将 Figma 设计稿高保真转换为可直接落地的前端界面代码