SuperAPI AI 工具集

create-design-md

设计与创作

查看项目

更新于 10-15 21:37

技能介绍

用途:该技能用于产出或更新 DESIGN.md 文件,作为设计系统规范,指导后续实现型智能体在开发网站、应用、原型或产品设计时保持视觉一致,避免设计漂移。

主要能力:从当前对话、附件图片、现有代码、截图、线框图、品牌说明、产品需求及已有 DESIGN.md 中收集设计输入;在写作前检查项目以匹配目标框架与文件约定;按用户指定位置写入或更新 DESIGN.md,未指定时使用项目根目录。

规范要求:为每个 token 使用精确值,包括十六进制颜色、字体族、字重、px 或 rem 尺寸、间距、圆角、阴影、断点与动效时长;为每个 token 提供 CSS 变量名或工具类名;包含实现 token 契约,将设计 token 映射到全局 CSS 变量、Tailwind 主题项、字体加载、组件目录、图表基元与内容 schema 等代码产物;加入防止漂移的实现规则,如布局规则、组件状态、无障碍规则、内容语气、数据与隐私规则及质量检查;在文档顶部附近加入面向任务的紧凑文档地图。

使用方式:若用户提供 schema 则严格遵循,否则使用 references/design-md-schema.md 中的 schema。Google Stitch 风格可参考官方文档 https://stitch.withgoogle.com/docs/design-md/overview/ 与 https://stitch.withgoogle.com/docs/design-md/specification/。使用标准 Markdown,token 组优先用表格,必要时可加 YAML front matter。

适用场景:网站、应用、原型、产品设计的设计系统文档编写;含仪表盘、指标、分析、地图、活动流或进度追踪的设计需包含图表与数据可视化 token。

限制:资料未提供具体安装命令、收费信息或平台支持细节;视觉素材中文字若为近似值应保留意图而非假定精确文案;描述性素材需做保守一致的 token 选择并标注假设。