好用的设计技能 Skill 合集

来源: 今日头条 - @烟火抚凡心 微头条 (2026-04-18)
原文链接: https://m.toutiao.com/w/1862772560041096/
标签: #vibecoding #figma #设计思维 #skill #UI设计

推荐的设计相关 Agent Skills

1. Ant-design Skill

• GitHub: https://github.com/ant-design/antd-skill
• 简介: 通用 antd 决策指南，包含两个子 skill（ant-design 和 antd），核心是 @ant-design/cli 离线工具工作流，支持 v4/v5/v6 跨版本、lint 检查、changelog 对比、版本迁移、Pro/X 组件。

2. Khazix Skills

• GitHub: https://github.com/KKKKhazix/khazix-skills
• 简介: 数字生命卡兹克的 AI 工具箱。包含：
  • hv-analysis: 横纵分析法深度研究 Skill，自动联网收集信息，纵向追时间深度 + 横向追竞争广度，最终输出排版精美的 PDF 研究报告
  • khazix-writer: 卡兹克公众号长文写作 Skill，包含完整的写作风格规则、四层自检体系、内容方法论和风格示例库

3. awesome-design-md

• GitHub: https://github.com/VoltAgent/awesome-design-md
• 网站: https://getdesign.md/
• 简介: 收录了 60+ 款知名产品的 DESIGN.md 文件——一种纯文本设计系统文档，描述颜色、字体、组件样式等规范。把它丢进项目根目录，AI Agent 就能生成匹配目标网站风格的 UI。覆盖 Vercel、Stripe、Apple、Claude 等主流产品，开箱即用。

4. ai-website-cloner-template

• GitHub: https://github.com/JCodesMore/ai-website-cloner-template
• 简介: 用 AI 编程 Agent 一条命令克隆任意网站，逆向还原成干净的 Next.js 代码库。推荐配合 Claude Code 使用，也支持其他主流 Agent。

与 OpenClaw 的关联

• awesome-design-md 的 DESIGN.md 理念可以直接用于 OpenClaw 的前端开发技能
• antd-skill 对使用 Ant Design 的项目很有价值
• khazix-skills 的研究报告和长文写作能力可补充 OpenClaw 技能生态

#设计 #AgentSkills #前端 #UI #Figma #AntDesign