$ loading_
用 AI 构建设计系统,统一管理令牌、主题、组件、图标与代码资产。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "app.zaklad/design-system" MCP 服务: 执行:claude mcp add --transport http 'app-zaklad-design-system' 'https://platform.zaklad.app/api/mcp'
请为一个 B2B SaaS 产品生成设计令牌方案,包含主色、辅助色、字体层级、间距、圆角和阴影,并按 light/dark 两套主题输出为结构化格式。
一套结构化设计令牌,覆盖颜色、排版、间距等基础变量,并区分明暗主题。
基于电商后台场景,设计一套组件库规范,包含按钮、输入框、表格、弹窗和导航组件的状态、尺寸、变体及使用规则,并说明应如何映射到 Figma 与前端代码。
组件库结构与规范说明,明确组件变体、交互状态以及设计到代码的映射关系。
请整理一套企业级产品的图标与主题资产规范,统一图标风格、尺寸、描边粗细、命名方式,并给出多品牌主题扩展建议。
图标与主题资产的统一规范,以及支持多品牌扩展的实施建议。
该资产暂无文档说明
可前往源码仓库查看用法与示例。
根据代码库在 Figma 中创建或更新专业级设计系统与组件库
将代码或页面描述转成Figma完整界面,并按设计系统逐段搭建设计稿
帮助完成设计需求分析、视觉元素提取、方案生成与视觉审查。
帮助生成或审查设计系统,检查视觉一致性并评审样式相关改动。
分析图片、网页与 Figma 文件,生成结构化设计说明与组件清单
为AI内容生成提供确定性的设计风格推荐与结构化视觉令牌。