SuperAPI AI 工具集

token-docs

设计与创作

查看项目

更新于 10-15 21:36

技能介绍

用途:为设计令牌(design tokens)生成完整文档,包含可视化色板、使用指南、代码示例与交叉引用表,形成与令牌值保持同步的活文档。

主要能力:覆盖概览、颜色令牌、排版、间距、阴影、圆角、断点等章节;颜色部分提供色板、对比度信息与用法,排版提供字体栈、字号比例与行高,间距提供比例可视化与用例,阴影提供视觉示例与层级指南,并附组件映射与 Do/Don't 指引。

使用方式:从 CSS、JSON 或 JS 文件导入令牌数据,按类别组织章节,添加色板与比例等可视化,编写使用指南,附各格式可复制代码示例,并交叉引用相关令牌与组件。资料中给出 generate-docs.ts 脚本示例,读取 tokens.json 后生成 colors.md 与 spacing.md。

适用场景:记录新令牌系统、创建设计系统样式指南、为开发者生成令牌参考、构建可视化文档页面。

限制:资料未提供安装命令、收费、价格、平台支持与具体效果等信息;文档模板中的令牌值仅为示例,实际值需以项目令牌数据为准。