SuperAPI AI 工具集

claude-design-system-prompt

设计与创作

查看项目

更新于 10-16 02:32

技能介绍

用途:通过系统提示词与技能库,把任意 LLM 塑造成有明确立场、无障碍友好的设计协作者。

主要能力:提示词含 20 章设计原则,并提供 14 个可调用过程化技能,覆盖生产、提取与审查。能力包括拒绝 AI 套路(通用 SaaS 渐变、emoji 装饰、圆角卡片)、强制无障碍(WCAG、语义 HTML、键盘导航、动效偏好)、强调内容优先、使用 CSS Grid、oklch()、text-wrap: pretty 等 Web 标准,并以组件与令牌思考。

使用方式:克隆仓库 git clone https://github.com/Trystan-SA/claude-design-system-prompt.git 并 cd claude-design-system-prompt。将 claude/system-prompt.md(Codex 用 codex/system-prompt.md)内容粘贴为系统提示词,或通过 API 在 system 字段加载;技能按名称在任务匹配时触发。生产技能如 Run discovery questions、Set the frontend aesthetic direction、Create wireframes with 3 variations、Make an interactive prototype;系统技能如 Extract the design system from the Stripe homepage;审查技能如 Run an accessibility audit、Check for AI slop。

适用场景:绿地项目流程(发现→美学方向→线框→原型→打磨)、品牌感知流程(提取设计系统→生成变体→可调面板→打磨)、仅审查流程(无障碍审计→AI 套路检查→层级节奏审查→交互状态)。可定制用于 Figma 插件、纯代码助手或纯对话教练,并可编写自定义技能。

限制:无 API 密钥要求,但与 LLM API 配合时需设置 ANTHROPIC_API_KEY 或 OPENAI_API_KEY。Claude 变体针对 Anthropic Fable 5 / Opus 4.7+ 优化;旧模型需加强指令。技能可能不会自动触发,需显式调用。项目采用 MIT 许可。