SuperAPI AI 工具集

work-with-design-systems

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:面向 Figma 设计系统的双模式技能。Inspect 模式为只读分析,包含 WCAG 无障碍审计、组件质量评分、开发者交接文档生成;Build 模式为六阶段引导式设计系统创建,涉及变量绑定、组件插槽架构和描述,并可选导出 tokens.css 与 AI 可读规则文件。

使用方式:先判断完整技能是否已安装。若对应 SKILL.md 无 das: 块即已安装,直接调用;否则先检测安装范围再安装。全局安装:npx skills add natdexterra/work-with-design-systems --skill work-with-design-systems -g -y;项目安装:npx skills add natdexterra/work-with-design-systems --skill work-with-design-systems -y。在 Claude Code 中可用以 ! 开头的聊天消息执行。技能名称为 work-with-design-systems,触发词包括 work with design systems、Figma inspect mode、build design system Figma、WCAG component audit。

适用场景:需要对设计系统做无障碍与组件质量审查、生成交接文档,或从零按阶段构建系统架构时使用。

限制:不适用于不需要系统架构的单个组件工作;不做没有设计系统的通用设计工作,此类可用 mobile-app-design 或 ui-craft;在 Figma 写入时进行令牌强制应使用 claude2figma。资料未提供收费、价格与具体平台要求。