- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 1.2k
- 收录来源
- skill-github
能力说明
Claude Design System Prompt 是一个逆向工程的系统提示和技能库，可以将大型语言模型（LLM）转化为具有明确设计哲学、注重无障碍性和抗AI垃圾的设计协作伙伴。该技能库包含20章系统提示和14个可调用的技能，适用于需要高质量设计输出的场景。用户可以直接使用系统提示或将技能作为程序调用，适用于各种设计任务，如发现问题、前端美学方向、线框图制作等。
能力点
- ▪内容纪律：每个元素都有其价值
- ▪美学纪律：避免AI套路，坚持配色和风格
- ▪视觉层次和节奏：尺寸、颜色、重量、位置、密度、间距比例
- ▪无障碍性：WCAG、语义HTML、键盘导航、焦点环、运动偏好
- ▪交互和反馈：悬停、激活、禁用、焦点、加载、验证状态
- ▪系统思维：组件和令牌优于一次性页面
适用场景
设计项目启动时的问题协议无品牌时的前端美学方向低保真探索和多种变体创建互动原型
接入方式
依赖：API Key
将 `system-prompt.md` 的内容粘贴到支持系统提示的任何LLM中，并根据需要调用 `skills/` 目录中的技能。
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
这个技能库适用于哪些LLM？
适用于支持系统提示的LLM，如Claude、GPT、Gemini等。
如何使用这些技能？
将技能名称作为触发器，当用户的请求匹配技能描述时，代理会加载并执行该技能。
相关 Skill
material-3-skill
Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。
Agent Skillmaterial designui
pixel2motion
将像素 logo 转换为平滑 SVG 动画，生成 HTML 演示、GIF/视频预览和动效 QA 证据。
Agent SkillAIlogo
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill