$ loading_
从 Figma 读取 Tokens Studio 设计令牌,辅助生成与设计一致的代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"tokensStudioMCP" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取当前 Figma 文件中的 Tokens Studio 设计令牌,并基于这些令牌为我生成一个按钮组件,使用语义化颜色、间距和圆角变量,输出 React + CSS Modules 代码。
一份使用设计令牌变量的按钮组件代码,样式与设计系统保持一致。
读取 Figma 中的 Tokens Studio 令牌,整理出颜色、字体、间距和阴影,并转换为适用于 Tailwind 配置的主题对象。
一份结构清晰的前端主题配置,可直接用于统一样式开发。
读取当前 Figma 的 Tokens Studio 设计令牌,并审查这段前端样式代码,指出哪些颜色、字号、间距未使用令牌,并给出替换建议。
一份样式审查结果,列出不一致项及对应的令牌化改进建议。
将界面截图或 Figma 数据转为跨平台设计转代码产物,加速前端实现。
让 Claude Code 通过 Codex CLI 执行代码相关任务与自动化操作。
实时监控 Claude 订阅用量,预测限制并控制高成本 AI 编码操作
提供结构化代码分析与 Git 提交智能,帮助高效理解仓库并显著节省上下文 token。
帮助用户通过 MCP 动态重塑微型店铺的品牌、内容与视觉风格。
为 Claude Code 智能优化令牌消耗,显著降低成本并提升开发效率。