Menü
Open Design 渐进式设计工具索引——113 skills + 145 design systems 目录，按需加载到 workspace
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
调研开源 repo 看「可偷什么」时，用这个流程——克隆读全源、按 ROI 排清单、审视现有系统、偷抽象不偷代码、融入现有机制不做加法。Use when 用户发 GitHub 链接 + 问「可以偷师 / 借鉴什么」，或你提议要参考外部项目。
Session 收工标准 SOP——任何路径触发「收工」（reaction ✅ / 文字「收工 / wrap up / 闭包」/ cron 自动）都走同一动作链：自测 → commit（含受保护路径 override 规则）→ 清过程产物（临时 spec / debug 输出 / dry-run 文件 / 中间 patch）→ 报 commit hash + 清理清单。Use when 用户说「收工 / 闭包 / wrap up / OK 收工 / 结束这一段」，或 ✅ reaction 触发 inject 含「收工」字样。
Bug 修复 / 排查场景，连续 2 次假设或 patch 没命中根因时强制停手出 audit。Use when 同一 bug 已经试过 ≥2 次修复、症状仍在或换了形态再现、即将动「第 3 刀」时；触发关键词：「还是有这个问题」「又出现了」「同样的报错」「再试一次」「这次应该」。不适用于一次就 reproduce + 一次修好的场景。
存档目录，非可用 skill。
何时调 AskUserQuestion 工具（出 Slack Block Kit 选择卡）vs 何时直接做 / 文字反问。Use when 用户指令含「帮我看下 / 可以吗 / 你看着办 / 哪个 / 选 / 用 X 还是 Y」等歧义表达；或动作不可逆（push/删/对外发）且有多个等价方案；或同一指令有 ≥2 种合理解读且代价差异大。Skip when 自己能 grep/读文件查到、常规决策、thread 近 5 条已有就近答、cron worker。
改动开工前强制评估爆炸半径，避免「修一漏二 / 头疼医头」。Use when 改动涉及：删除文件/符号、重命名、路径迁移、接口签名变更、状态机修改、短路逻辑修正、配置 key 改名，或用户原话含「改 X / 删 X / 重命名 / 迁移 / 重构 X / 修这个 bug」+ 该 X 在多处被引用。不适用于纯新增、孤立 bugfix（无外部依赖）、文档/注释改动。
| name | od-catalog |
| description | Open Design 渐进式设计工具索引——113 skills + 145 design systems 目录，按需加载到 workspace |
当用户需要生成设计产物（landing page / dashboard / deck / 移动端 / 邮件 / 海报 / 视频帧等），从本索引选择合适的 skill + design system，用 od-load.sh 加载后执行。
bash ~/Orb/profiles/<your-profile>/scripts/od-load.sh <skill-name> [design-system-name]
# 首次自动 clone repo；用过的 skill 自动 symlink 到 ~/Orb/.claude/skills/od-* 供后续 session 复用
open file:// 看视觉效果）| Skill | Platform | 用途 |
|---|---|---|
web-prototype | desktop | 通用单页 web 原型 |
web-prototype-taste-brutalist | - | 编辑/报纸/瑞士设计风 |
web-prototype-taste-editorial | - | Notion/Linear 风营销页 |
web-prototype-taste-soft | - | Apple/Linear 级高端消费者风 |
saas-landing | desktop | SaaS landing page |
waitlist-page | desktop | 预发布等候页 |
pricing-page | desktop | 定价页 |
dashboard | desktop | 管理/分析仪表盘 |
docs-page | desktop | 三栏文档页 |
blog-post | desktop | 长文编辑排版 |
email-marketing | desktop | HTML 营销邮件 |
invoice | desktop | 可打印发票 |
kanban-board | desktop | 看板 |
finance-report | desktop | 财务报告 |
eng-runbook | desktop | 工程运维手册 |
pm-spec | desktop | 产品 PRD |
team-okrs | desktop | OKR 追踪器 |
hr-onboarding | desktop | 入职计划 |
meeting-notes | desktop | 会议记录 |
mobile-app | mobile | iPhone mockup |
mobile-onboarding | mobile | 三屏引导流程 |
gamified-app | mobile | 游戏化多屏原型 |
magazine-poster | desktop | 杂志风海报 |
social-carousel | desktop | 社交轮播 |
clinical-case-report | desktop | 医学病例报告 |
wireframe-sketch | desktop | 手绘线框图 |
social-media-dashboard | desktop | 社媒分析仪表盘 |
live-dashboard | desktop | 实时仪表盘 |
critique | desktop | 设计评审报告 |
| Skill | 用途 |
|---|---|
html-ppt | 通用演示（主 skill，8+ 主题） |
simple-deck | 简约 deck |
weekly-update | 周报 deck |
ib-pitch-book | 投行 pitch book |
kami-deck | 纸系编辑 deck |
html-ppt-pitch-deck | Pitch deck |
html-ppt-product-launch | 产品发布 |
html-ppt-tech-sharing | 技术分享 |
html-ppt-weekly-report | 周报 |
guizang-ppt | 中文风 PPT |
30+ zhangzara 风格变体（html-ppt-zhangzara-*）和 12 个 html-ppt 视觉变体可用。
| Skill | Mode | 用途 |
|---|---|---|
image-poster | image | 图片资产 |
hyperframes | video | HTML→视频 |
video-shortform | video | 短视频 ≤10s |
audio-jingle | audio | 音频 jingle |
design-brief | design-system | 设计简报→DESIGN.md |
Fintech: stripe · revolut · wise · mastercard · binance · coinbase · kraken
AI/LLM: claude · openai · mistral-ai · cohere · huggingface · elevenlabs · replicate · runwayml · ollama · together-ai · x-ai
DevTools: vercel · cursor · github · expo · raycast · superhuman · warp · lovable
SaaS: notion · linear-app · slack · discord · cal · mintlify · duolingo · zapier · arc
Retail: shopify · airbnb · nike · starbucks · meta
Media: apple · spotify · uber · nvidia · spacex · pinterest · xiaohongshu · theverge · wired
Design: figma · framer · webflow · canva · miro · airtable
Data: supabase · mongodb · sentry · posthog · clickhouse · hashicorp
Auto: tesla · bmw · ferrari · lamborghini · bugatti · renault
通用: minimal · clean · modern · simple · sleek · premium · professional · elegant · bold · colorful · dramatic · neobrutalism · brutalism · editorial · creative · cosmic · fantasy
特效: glassmorphism · neumorphism · claymorphism · gradient · neon · bento
复古: retro · vintage · paper · dithered
特殊: kami · warm-editorial · default · shadcn · mono
~/.od-repo 由 cron od-upstream-sync（每周一 04:00 JST）自动 git pull，保持索引不过期。如发现新 skill / DS 不在本索引，是上游加得快于索引更新——可手动 git -C ~/.od-repo log --since="1 week ago" --oneline skills/ design-systems/ 看新增，必要时让 Karry 触发 catalog 重生成。