告诉 AI 你需要什么设计。
Design Vault Skill 帮助 AI 查询公开设计库，查找图标、动效、字体、配色和组件，并给出真实来源、安装方法及许可提醒。
持续优化中 · 欢迎社区投稿只需一句话
“帮我找 5 套适合 SaaS 的 SVG 图标库。”
AI 检索图标类别，返回真实链接并比较适用场景。
“找一个 React 底部弹窗组件，告诉我怎么安装。”
AI 查询组件，并在收录记录提供命令时给出安装步骤。
“有哪些 Scroll 动效参考？”
从公开资源清单获取动效资源和官方文档。
“我要批量收集颜色网站，整理投稿 JSON。”
参照网站投稿模板生成结构化清单，等待人工审核。
安装到 AI 编程环境
下载并解压 ZIP，复制其中的 design-vault 文件夹到项目的 .agents/skills/，使路径成为：
your-project/
└── .agents/
└── skills/
└── design-vault/
├── SKILL.md
└── scripts/query.mjs对于使用项目级 Skills 的 Codex 等环境，AI 可以按技能指引调用查询脚本；其他工具请放在该工具所支持的 Skills 目录。并非所有 AI 客户端都会自动发现该目录。
解压后可以先运行查询脚本验证：
node .agents/skills/design-vault/scripts/query.mjs --category icons --limit 5
无须账号和密钥。需要能访问网站公开 API 的网络环境。可以设置 DESIGN_VAULT_API 指向你部署的接口域名。
GitHub 开源 · 持续更新
Skill 已发布在 Donald-1022/donaldai-design-vault-skill ↗，可查看源码、Star 或反馈改进建议。
使用支持 Skills 的客户端，可尝试下面的安装命令；不同客户端的安装位置和自动发现能力可能不同。如未识别，请使用上方 ZIP 手动安装。
npx skills add Donald-1022/donaldai-design-vault-skill
这是持续整理的公益资源索引。欢迎贡献新的站点、真实安装命令、失效链接修正与使用案例。
推荐资源 →