23 个 Claude 设计技能.

agent 在任务中加载的技能——文案、配色、创意指导、头脑风暴。没有静态 demo,输出取决于你的输入,所以每个详情页像一份简报:标题、描述、触发词、出处。

  1. 001 /deep-think — Maximum Cognitive Effort Protocol Comprehensive deep-thinking process. Activates maximum reasoning, skill retrieval, verification, and step-by-step execution.
  2. 002 Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) --- name: high-end-visual-design description: Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the
  3. 003 Atelier Zero — Image Generation Prompt Pack This pack is consumed by the `open-design-landing` skill. Every page-level image is rendered with `gpt-image-fal` (preferred) or `gpt-image-azure`.
  4. 004 Clone Audit Audit website clones for fidelity gaps, tracking code, source-brand and language residue, placeholders, and risky external dependencies.
  5. 005 代码迁移(默认场景) code-migration taskKind 的默认参考流水线,自带 patch-edit ↔ build-test 开发环和 diff-review 交付。 场景 代码迁移
  6. 006 贡献插件到 OpenDesign 使用 GitHub CLI 打开拉取请求,将本地 OpenDesign 插件添加到 OpenDesign 社区目录。 工具 插件分享
  7. 007 默认设计路由器 面向 Home 自由提示的隐藏 fallback 场景:先推断任务类型,仅在无法可靠路由时询问。 场景 默认路由
  8. 008 设计简报 将 I-Lang 协议格式编写的结构化设计简报解析为具体的设计规范。通过要求明确的维度(调色板、排版、布局、氛围、密度和约束)消除诸如'使其专业'之类模糊请求的歧义。触发关键词:design brief、create a design brief、ilang brief、structured brief。 设计系统 规划
  9. 009 设计精修 基线 Refine 插件:用聚焦的批评、小补丁和交付摘要,改进现有 OpenDesign 产物。 精修 设计精修
  10. 010 Design System Source Context This file is generated during setup and should be treated as source evidence for the design-system project. Use it before writing or revising DESIGN.md, previews, tokens, UI kit examples, or assets.
  11. 011 导出到 Next.js 入门级下游导出插件:把已 accept 的 OpenDesign 产物转成 Next.js App Router 交付。 导出 下游导出
  12. 012 导出到 React 入门级下游导出插件:把已 accept 的 OpenDesign 产物转成 React 组件交付。 导出 下游导出
  13. 013 导出到 Vue 入门级下游导出插件:把已 accept 的 OpenDesign 产物转成 Vue 3 单文件组件交付。 导出 下游导出
  14. 014 Figma 迁移(默认场景) figma-migration taskKind 的默认参考流水线。 场景 Figma 迁移
  15. 015 G2 Design System UI Kit A packaged OpenDesign UI kit for HiCatcat G2 AR glasses HUD prototypes. Includes index.html, local token CSS, and modular React components for regular 640 and compact 320 display modes.
  16. 016 媒体生成(默认场景) 面向图像、视频和音频项目的默认场景插件。按项目类型路由到 media-* atom,把结果包成 live artifact。 场景 媒体生成
  17. 017 新生成(默认场景) new-generation taskKind 的默认参考流水线。 场景 新生成
  18. 018 OD Next Strategy V2 Bundled, inactive OD Next planning and Build strategy content. 场景
  19. 019 插件编写 引导式场景:创建一个本地 OpenDesign 插件文件夹,可加到「我的插件」。 场景 插件编写
  20. 020 Pptx Html 保真度审计 审计 python-pptx 导出与源 HTML 幻灯片的一致性,识别布局和内容偏差(页脚溢出、内容裁剪、斜体丢失、样式丢失、间距错误),并以严格的页脚和光标流布局规范重新导出。 工具 工程
  21. 021 发布插件到 GitHub 使用 GitHub CLI 为本地 OpenDesign 插件创建公共 GitHub 仓库。 工具 插件分享
  22. 022 分享到社区 把用户刚做完的作品打包成 OpenDesign 插件,然后引导他们点已有的 Add to My plugins / OpenDesign PR 按钮。由生成完成后的 'Share to OpenDesign' 投稿操作触发。 场景 插件分享
  23. 023 调优与协作(默认场景) tune-collab taskKind 的默认参考流水线。 场景 调优协作

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows