菜单
DESIGN.md 设计风格参考技能。当用户请求使用某个知名网站的 设计风格时自动触发，如"用 Linear 的风格"、"做成 Stripe 那种 UI"、"按照 Vercel 的设计"等。 技能会自动从 VoltAgent/awesome-design-md 仓库获取对应的 DESIGN.md 文档，读取其设计规范（颜色、字体、间距、组件样式），并在生成 UI 时严格遵循。 触发场景：用户提到要用某个具体网站/产品的设计风格来构建界面时。 ⚠️ 注意：awesome-design-md 仓库是活跃项目，持续新增更多品牌。本 skill 中的品牌列表可能不完整，使用前应检查仓库最新状态。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/gszyboy/opencode-config --skill design-md命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
MiniMax video analysis skill for local mp4/mov/mkv/avi files, especially software operation recordings, 小程序/APP/Web 操作录屏, UX review, interaction analysis, 动效复刻, video analysis, 视频分析, MiniMax-M3, or 本地视频. This skill only analyzes existing video content and does not generate video.
Base-layer skill for the SenseNova-Skills project, providing low-level APIs for image generation, recognition (VLM), and text optimization (LLM). This skill does not preprocess inputs; it only calls backend services and returns results. This skill is not user-facing and is intended for upper-layer skills only.
Creative-mode PPT pipeline. One full-page 16:9 PNG per slide. LLM / VLM calls go through sn-ppt-standard/lib/model_client.py (shared thin client). Text-to-image (the actual png rendering) goes through sn-image-base/scripts/sn_agent_runner.py. Falls back to web image search when T2I generation fails. Expects task_pack.json + info_pack.json already written by sn-ppt-entry.
基于 SOC 职业分类
| name | design-md |
| description | DESIGN.md 设计风格参考技能。当用户请求使用某个知名网站的 设计风格时自动触发，如"用 Linear 的风格"、"做成 Stripe 那种 UI"、"按照 Vercel 的设计"等。 技能会自动从 VoltAgent/awesome-design-md 仓库获取对应的 DESIGN.md 文档，读取其设计规范（颜色、字体、间距、组件样式），并在生成 UI 时严格遵循。 触发场景：用户提到要用某个具体网站/产品的设计风格来构建界面时。 ⚠️ 注意：awesome-design-md 仓库是活跃项目，持续新增更多品牌。本 skill 中的品牌列表可能不完整，使用前应检查仓库最新状态。 |
| triggers | ["用.*的风格","做成.*那种","按照.*的设计","像.*一样的",".*风格",".*设计风格","设计参考"] |
当用户请求使用某个知名网站的 设计风格时，使用本技能获取对应 DESIGN.md 并严格遵循。
awesome-design-md 仓库是持续更新的活跃项目：
每次使用时，应先去仓库获取最新列表：
https://github.com/VoltAgent/awesome-design-md
或使用 librarian agent 查询最新可用的品牌。
首先检查仓库最新状态。推荐方式：
直接尝试通用 URL 格式（品牌名通常对应该 URL 模式）：
https://getdesign.md/<slug>/design-md
如果不确定 slug，查询 GitHub 仓库的 README 获取完整列表：
webfetch(url="https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/README.md", format="markdown")
或使用 librarian agent：
"查询 VoltAgent/awesome-design-md 仓库最新有哪些品牌的 DESIGN.md 可用"
常见 URL 映射（仅供快速参考，以仓库实际为准）：
| 类别 | 代表品牌 | URL slug |
|---|---|---|
| AI 平台 | Claude, Minimax, Mistral, Ollama | claude, minimax, mistral.ai, ollama |
| 开发者工具 | Cursor, Vercel, Expo, Raycast | cursor, vercel, expo, raycast |
| 数据库 | Supabase, MongoDB, ClickHouse | supabase, mongodb, clickhouse |
| 设计工具 | Figma, Framer, Webflow | figma, framer, webflow |
| 金融科技 | Stripe, Coinbase, Revolut | stripe, coinbase, revolut |
| 汽车 | Tesla, BMW, Ferrari, Lamborghini | tesla, bmw, ferrari, lamborghini |
如果用户提到的网站不在已知列表中，不要假设没有 — 直接去 getdesign.md 尝试通用格式，因为仓库在持续新增。
首选：使用 webfetch 工具从 getdesign.md 获取内容：
webfetch(url="https://getdesign.md/<slug>/design-md", format="markdown")
备选：如果 getdesign.md 无法访问或内容为空，从 GitHub raw 获取：
webfetch(url="https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/<slug>/DESIGN.md", format="markdown")
⚠️ 注意：GitHub 仓库中部分品牌的
design-md/<slug>/目录下可能只有README.md指针文件，实际内容托管在 getdesign.md 网站上。优先尝试 getdesign.md。
DESIGN.md 文件通常包含以下章节，严格按照其中规范执行：
读取 DESIGN.md 后，在生成任何 UI 代码时：
在应用设计规范时，在回复开头注明：
📐 设计参考: [品牌名]
- 主色调: [精确 hex 值]
- 字体: [字体栈]
- 基础间距: [Xpx]
- 组件风格: [描述]
AGENTS.md，将其与 DESIGN.md 结合使用awesome-design-md 是活跃维护的仓库：
最佳实践：
https://github.com/VoltAgent/awesome-design-md