设计技能

Improving usability, interaction quality, cognitive load reduction, feedback design, and a11y compliance. Use when improving UX usability or interaction feel.

中文简介正在准备中。当前显示原文说明。

Designing workflows and state machines. Use when state transition design, invalid transition detection, Saga patterns, approval flow design, or scheduling (cron, DST-safe timing, business calendars) is needed.

中文简介正在准备中。当前显示原文说明。

Designing web-to-iOS/Android porting strategy: feature parity matrices, native architecture maps, phased Strangler-Fig roadmaps. Not for same-language migration (Shift) or native impl (Native).

中文简介正在准备中。当前显示原文说明。

Designing database schemas, migrations, and multi-tenant architecture: RLS, tenant routing, provisioning, quotas, and isolation. Not for query-plan tuning (Tuner).

中文简介正在准备中。当前显示原文说明。

Orchestrating design-to-implementation pipelines (code to visual to code closed loop), persisting a project design system across agents. Not for a single prototype (Forge) or direction only (Vision).

中文简介正在准备中。当前显示原文说明。

Implementing production iOS/Android/macOS native features (SwiftUI, Compose) and iterating a screen against a reference design. Not for cross-platform RN/Flutter (Forge prototypes only; production is out of scope) or web (Artisan).

中文简介正在准备中。当前显示原文说明。

Enumerating failure modes via pre-mortem analysis. Systematically identifies failure scenarios for plans, designs, and features, scoring them with RPN/AP. Does not write code.

中文简介正在准备中。当前显示原文说明。

Implementing CSS/JS animations for hover effects, loading states, modal transitions, and gesture interactions. Use for meaningful motion, interaction feedback, or performance-safe animation.

中文简介正在准备中。当前显示原文说明。

Navigating the skill ecosystem and guiding onboarding. Lists agents, recommends best fit for tasks. Don't use for task execution (Nexus), agent design (Architect).

中文简介正在准备中。当前显示原文说明。

Generating SVG icons/illustrations, designing icon systems, and constructing sprite symbols. Use when vector assets are needed.

中文简介正在准备中。当前显示原文说明。

Extracting and structuring design context from Figma via MCP Server for downstream implementation agents. Use for Figma-to-code bridging or Code Connect management.

中文简介正在准备中。当前显示原文说明。

Designing and reviewing APIs: OpenAPI spec generation, versioning strategy, breaking change detection, REST/GraphQL best practices. Use for API design or OpenAPI specs.

中文简介正在准备中。当前显示原文说明。

Building rapid prototypes for frontend (UI components/pages) and backend (API mocks, simple servers). Use to validate new features or turn ideas into working demos. Working software over perfection.

中文简介正在准备中。当前显示原文说明。

Defining and managing design tokens, applying token systems to existing codebases, building design system foundations. Use for spacing, color, typography, dark mode, cross-platform output.

中文简介正在准备中。当前显示原文说明。

MANUAL TRIGGER ONLY: invoke only when user types /office-hours. YC Office Hours — two modes. Startup mode: six forcing questions that expose demand reality, status quo, desperate specificity, narrowest wedge, observation, and future-fit. Builder mode: design thinking brainstorming for side projects, hackathons, learning, and open source. Saves a design doc. Use when asked to "brainstorm this", "I have an idea", "help me think through this", "office hours", or "is this worth building". Proactively suggest when the user describes a new product idea or is exploring whether something is worth building — before any code is written.

中文简介正在准备中。当前显示原文说明。

Plan implementation before coding: investigate the repo, write spec and plan, and validate with a peer. Use for "plan", "design approach", "scope", or any coding task needing a plan. Not system-design thinking (/ship:arch-design) or full /ship:auto.

中文简介正在准备中。当前显示原文说明。

System-design thinking before any doc or code: goals/non-goals, back-of-envelope numbers, components and contracts, failure modes, operability, security, trade-offs. Use for "design this system", "architecture for X", "trade-offs for X", "how should we architect", "API design", "data model for", "service boundaries", or before an ADR. Hands off to /ship:write-docs to record the decision. Not implementation planning (/ship:design — that turns a decided design into stories).

中文简介正在准备中。当前显示原文说明。

Create or update structured docs under docs/ with frontmatter, numbering, lifecycle status, and index regeneration — guides, references, troubleshooting, design docs and ADRs. Use for "write a doc", "document this", "create a guide", "write an ADR", "update the docs". For the system-design thinking itself (architecture, trade-offs, failure modes) use /ship:arch-design first — it hands back here to record the decision.

中文简介正在准备中。当前显示原文说明。

Triage Monte Carlo alerts interactively or build an automated workflow. Fetch, score, and troubleshoot alerts using MCP tools now, or design a reusable workflow that runs on a schedule.

中文简介正在准备中。当前显示原文说明。

アプリを利用者と同じ操作で動かして振る舞いを確かめる、プロジェクト専用の検証スキル（`.claude/skills/verify-<app>/`）と機能一覧を作る。言語、フレームワーク、Web・CLI・API・デスクトップを問わない。'/create-verification-skill'、'このリポジトリの検証スキルを作って'、UI・CLI・サービスの振る舞いを確かめる手順がリポジトリにないときに使う。

中文简介正在准备中。当前显示原文说明。

字幕与花字：为带货短视频生成 ASS/SRT 字幕与花字（大标题弹出、关键词高亮、贴纸标签、行动号召按钮），自动避开平台底部/右侧 UI 安全区，并用 ffmpeg/libass 烧录。Use when the user wants subtitles, captions, 字幕, 花字, 大字报, keyword highlight, burned-in captions, SRT/ASS files, or text overlays that don't get covered by TikTok/抖音 UI.

中文简介正在准备中。当前显示原文说明。

TikTok Shop / 抖音 / 视频号 / 小红书 / 淘宝主图视频 / Amazon 规格导出：把一条母版视频一键转成各平台推荐画幅与编码（9:16、3:4、1:1、16:9，模糊填充或智能裁切），输出规格报告，并可叠加 UI 安全区预览。Use when the user asks for export settings, 导出规格, 尺寸, 分辨率, 画幅, 上传要求, re-encode for TikTok Shop / Douyin / WeChat Channels / Xiaohongshu / Taobao / Amazon, or safe zones.

中文简介正在准备中。当前显示原文说明。

Design shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate. (gstack)

中文简介正在准备中。当前显示原文说明。

Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

中文简介正在准备中。当前显示原文说明。