بنقرة واحدة
od-catalog
Open Design 渐进式设计工具索引——113 skills + 145 design systems 目录,按需加载到 workspace
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Open Design 渐进式设计工具索引——113 skills + 145 design systems 目录,按需加载到 workspace
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
调研开源 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 重生成。