设计与三维建模

分析Stitch项目并将语义设计系统综合到DESIGN.md文件中

Use when starting any design task — resolves register, sets the 3 dials, locks Gate 0, and routes to the right move and target skill.

复制任意网站的视觉风格，并将其应用到现有代码库。当用户想要匹配某网站的设计、镜像某种 UI 美学、让自己的应用看起来像另一个网站，或从 URL 复制特定视觉风格时，使用此技能。触发短语包括“让它看起来像”“匹配……的设计”“复制……的风格”“我想让我的应用看起来像 X”“镜像这个设计”“灵感来自 [url]”，或任何用户指向某网站并表示希望其前端与之匹配的时候。

Use when adding or reviewing motion on an already-settled layout or component — never to hide or compensate for an unfinished one.

Free MCP server for native Blender 5.2 modeling, rendering and verification.

当 UI 屏幕、页面或组件即将被宣布完成、移交或发布时，或当生成的 UI 看起来通用或半成品时使用。它把关渲染结果而非设计文件——在真实浏览器中测量并发现无作用的控件、占位文案、被移除的焦点环、缺失的加载/空/错误状态、低对比度、过小的点击目标、隐藏焦点和损坏的重排，并标记模板默认值，而不因审美偏好而阻塞。

当 UI 屏幕、页面或组件即将被宣布完成、移交或发布时，或当生成的 UI 看起来通用或半成品时使用。它把关渲染结果而非设计文件——在真实浏览器中测量并发现无作用的控件、占位文案、被移除的焦点环、缺失的加载/空/错误状态、低对比度、过小的点击目标、隐藏焦点和损坏的重排，并标记模板默认值，而不因审美偏好而阻塞。

Use when a design deliverable is about to be reported done — the final quality gate after design-motion or a mobile mockup.

Write precise Markdown design specs: requirements, tokens, states, a11y, responsive. Use to make agents understand design exactly.

从现有代码库生成设计系统，或审计其视觉一致性：提取颜色、字体、间距和阴影等设计变量，写入 design-tokens.json 和 CSS 自定义属性，提供 DESIGN.md 中的设计理由及交互式 HTML 预览，按 10 个维度评估 UI，并标出模板化 AI 设计痕迹。适用于建立设计系统、改版前审计视觉一致性，或审查涉及样式的 PR。

使用此技能生成或审计设计系统，检查视觉一致性，并审查涉及样式的PR。

アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。

Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md — routing step 1.

在首次 markdown 转 HTML 转换之前设置品牌设置，或更改这些设置时使用。通过 onboard.py 运行包含 10 个问题的引导流程（颜色、字体、样式、TOC），并通过 brand_palette_validator.py 拒绝未通过 WCAG AA 的调色板。

从现有代码库生成设计系统，或审计其视觉一致性：提取颜色、字体、间距和阴影等设计变量，写入 design-tokens.json 和 CSS 自定义属性，提供 DESIGN.md 中的设计理由及交互式 HTML 预览，按 10 个维度评估 UI，并标出模板化 AI 设计痕迹。适用于建立设计系统、改版前审计视觉一致性，或审查涉及样式的 PR。

使用设计令牌、组件架构、无障碍指南和文档模板创建并演进设计系统。确保跨产品的一致、可扩展且无障碍的 UI。

Applies intentional art direction, anti-template visual concepts, curated typographic pairings, and domain-specific color palettes to web interfaces. Use when moving beyond generic AI-generated layouts into distinctive brand experiences.

使用 coderio 将 Figma 设计像素级精准转换为 React。生成生产就绪的代码（TypeScript、Vite、TailwindCSS V4），视觉保真度高。具备稳健的错误处理、检查点恢复，并通过辅助脚本简化执行流程。

Use when building or revising a marketing/landing/campaign page, register `brand` locked at Gate 0 — use design-webapp for app screens instead.

Use when building or extending a dashboard, SaaS screen, or any authenticated app surface — use design-web instead for a marketing site.

Un-flatten any flat AI design into editable layers, reproduce it bit-perfect, from your agent.

Validate AI-built front-ends against Figma by tokens and geometry, not pixels.

Measure any site's design system, score how generic a page looks, check UI against your brand.

On-brand image generation (product shots, app icons, OG cards, sprites) for AI coding agents.

Agent-design pattern guidance via 5 hosted read-only tools; Streamable HTTP, no auth, one Release.

BrandPilot brands and design systems for coding agents: tokens, design context, repo rules.

MCP server for Clipkit — gives AI agents a video toolbox via the Clipkit schema.

适用于 Codex 构建或迭代 Web 游戏（HTML/JS），并需要可靠开发与测试循环的情况：实施小改动，运行基于 Playwright 的测试脚本，使用短输入并有意暂停，检查截图或文本，并通过 render_game_to_text 审查控制台错误。

Visualize workflows, architecture and business processes as Mermaid/C4/PlantUML with validation. Use for any diagram.

Create polished, accessible, self-contained HTML/SVG diagrams for architecture, deployment, dependency graphs, workflows, data flows, Sankey flows, sequences, state machines and lifecycle maps, ER and database schemas, UML class, timelines, swimlanes, user journeys, story maps, kanban, Wardley maps, fishbone, charts (bar, waterfall, line, heatmap, treemap, scatter, polar), security views, and other editorial visual types. Redraw Mermaid, draw.io, and Excalidraw sources into a fresh layout, apply optional brand tokens or saved client profiles, add accessible explanatory motion, and verify geometry, accessibility, motion, and single-file safety. Use when the output should be an editable HTML/SVG artifact rather than an ASCII sketch, generated raster image, or editable whiteboard canvas.

根据 JSON 规格渲染简洁的蓝图风格 SVG 图表。当用户要求绘制、勾画或图解请求流程、神经网络、Transformer 块、系统架构、状态机、数据管道，或任何他们想要用于文档、README、帖子或幻灯片的节点-边技术可视化 SVG 时使用。

基于扩散的分子对接。从 PDB/SMILES 预测蛋白质-配体结合构象、置信度分数、虚拟筛选，用于基于结构的药物设计。不用于亲和力预测。

搭建设计方向实验页，在已上线 UI（Today）旁展示 2–3 个设计方向，提供界面标签页、主题与动画开关，以及 V1 MVP 悬停动效，并注册到 design-proposals Storybook。用于设计方向页面或实验页，或对照生产界面探索设计方向。

在你给出用户可能据以行动的实质性回答或草稿之后——包括建议或推荐、起草的产物（如目标、计划、推介、提案或邮件）、估算或预测、数据分析或解读、用户可能依赖的事实性陈述，或多步论证——在最终确定回复之前调用此技能，然后（如适用）追加 2-3 个简短的后续问题，每个问题都与你刚产出的内容中的具体某点相关，帮助用户核查关键事实、审视推理或假设，并注意到缺失的上下文。每次对话最多执行一次。当用户询问的是简单的操作方法或简单查询、想要纯教育性解释、只要求你格式化、转换或根据其提供的内容组装文件、正在编写将由自己运行的代码、正在进行创意写作或闲聊，或已经要求你复核、引用或审查时，跳过此技能——技能文件解释了这些边界和确切的输出格式。

在你给出用户可能据以行动的实质性回答或草稿之后——包括建议或推荐、起草的产物（如目标、计划、推介、提案或邮件）、估算或预测、数据分析或解读、用户可能依赖的事实性陈述，或多步论证——在最终确定回复之前调用此技能，然后（如适用）追加 2-3 个简短的后续问题，每个问题都与你刚产出的内容中的具体某点相关，帮助用户核查关键事实、审视推理或假设，并注意到缺失的上下文。每次对话最多执行一次。当用户询问的是简单的操作方法或简单查询、想要纯教育性解释、只要求你格式化、转换或根据其提供的内容组装文件、正在编写将由自己运行的代码、正在进行创意写作或闲聊，或已经要求你复核、引用或审查时，跳过此技能——技能文件解释了这些边界和确切的输出格式。

Optional: explore implementation options for a subtask with superpowers brainstorming, when the design has several viable approaches, touches a core algorithm or API contract, or is expensive to get wrong.

Text-to-speech: browse voices and synthesize natural speech from text with ditto.audio.

Django + Celery 异步任务模式：配置、任务设计、beat 调度、重试、canvas 工作流、监控和测试。适用于为 Django 应用添加后台作业、定时任务或异步处理。

Django + Celery 异步任务模式：配置、任务设计、beat 调度、重试、canvas 工作流、监控和测试。适用于为 Django 应用添加后台作业、定时任务或异步处理。

Django 架构模式、使用 DRF 设计 REST API、ORM 最佳实践、缓存、信号、中间件和生产级 Django 应用。

Django architecture patterns, REST API design with DRF, ORM best practices, caching, signals, middleware, and production-grade Django apps. Use when building or reviewing Django apps, DRF APIs, ORM queries, or caching.

Django 架构模式、使用 DRF 设计 REST API、ORM 最佳实践、缓存、信号、中间件和生产级 Django 应用。

Django architecture patterns, REST API design with DRF, ORM best practices, caching, signals, middleware, and production-grade Django apps. Use when building or reviewing Django apps, DRF APIs, ORM queries, or caching.

Take, frame and file a documentation screenshot, then put it in front of the user on a contact sheet and ask for a verdict. TRIGGER when: the user asks to take, re-shoot, recapture, replace or border a screenshot in a project's docs; a capture script under docs/screenshots/capture/ is about to run or be written; a user-supplied image is being filed into the docs; any turn changes an image file and has to report it; or screenshot-relevance permits a capture. DO NOT TRIGGER when: the question is only whether the existing screenshots are stale or missing — that is `screenshot-relevance`, which hands its captures here.

规划并引导领域驱动设计工作，从战略建模到战术实现和事件驱动架构模式。

为你的项目生成有创意的域名想法，并检查多个 TLD（.com、.io、.dev、.ai 等）的可用性。节省数小时的头脑风暴和手动检查。

Strips layout noise via DOM AST; with a query, BM25 filters to relevant sections. No model or API.

Review the C#/.NET code for design pattern implementation and suggest improvements.

draw.io 图表的创建、编辑和审阅。适用于 .drawio XML 编辑、PNG 转换、布局调整和 AWS 图标使用。

为 Claude 动态工作流模式及其他自适应智能体执行框架设计任务本地执行框架、评估门禁和可复用技能提取。适用于构建任务本地执行框架、添加评估门禁，或从临时工作中提取可复用技能。