Gather user design preferences before building UI. Use when: starting a project with visual interface (Web App, Mobile, Browser Extension).
Generate three parallel design preview options for a Studio-backed site and collect the user's preferred direction before theme implementation.
Explains distributed-systems and database principles — CAP, PACELC, consistency models (linearizable/causal/eventual), consensus (Raft/Paxos/quorums), ACID vs BASE, idempotency,…
Use when the user wants a landing page, interface, or visual system in the Bold Typography style from Design Prompts, or explicitly asks for bold-typography, bold typography
Use when the user wants a landing page, interface, or visual system in the Modern Dark style from Design Prompts, or explicitly asks for modern-dark, modern dark
Creates a design proposal before coding starts. Defines components, interfaces, coupling decisions, and test approach — forces architectural thinking before the first line of code.
Reviews finished and in-progress digital products to assess adherence to design specifications and discover potential issues with those specifications.
Build a QA checklist for verifying that a build matches the design. Use at implementation review. For the spec engineers build from, use `handoff-spec`.
Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.
Write clear design rationale connecting decisions to user needs, business goals, and principles.
Source the right product design system on demand from Refero (2,000+ AI-ready DESIGN.md systems) and adopt it as the project's DESIGN.md source of truth — instead of inventing a…
设计任务路由技能。第一层识别场景分支（A产品类：APP/网页/Mac应用 → 可嵌入产品开发流程；B内容类：海报/杂志封面插图/PPT → 一次性交付；C通用类：组件素材/动效/文档排版 →…
Use when the user wants a UI/UX/frontend *build request* rewritten into an expert design brief before an LLM builds from it.
Designs a normalized relational schema from requirements — entities, relationships, PK strategy (surrogate bigint vs natural vs UUIDv7/ULID), 1:1/1:N/M:N and inheritance modeling,…
Generate status reports for design documentation. Use when creating documentation summaries, tracking progress, or preparing documentation reviews.
Gather design change requests through interactive dialog and create a structured Issue.
Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across…
Use whenever a surface will be seen on more than one screen size or input — which is almost always (62%+ of web traffic is mobile).
Trigger: responsive layout, media queries, mobile view, desktop layout, tablet break points, thumb zone. Scope: Multi-device layouts, breakpoints, mobile touch zones.
分析 docs/design-review-findings.md 歷史，識別跨 spec 的重複 UI 問題模式，提出流程改善建議。spectra-archive 完成或 findings 累積 5 倍數時主動觸發。
Structured design document review via LLM gateway — submit plans, specs, or designs for peer review from Codex, Gemini, Grok, or Mistral, iterate on feedback, track review rounds.
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance. — from general/design-creative
Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance. — from general/design-creative
Trigger: review UI design, critique screenshot, iterate on a page/component, does this look good, visual QA, polish frontend, design feedback.
Establish design review gates with criteria, checklists, and approval workflows.
所见即所得的 UI 修改系统。AI 分析截图或设计稿后，直接输出需要修改的具体文件路径和精确代码改动，无需模糊描述。源自 Cursor 3.0 Design Mode 框选即改理念，增强 frontend-design 和 frontend-dev。
ScalarDB設計エージェント - ScalarDB Clusterを使用したマイクロサービスのデータアーキテクチャ設計。分散トランザクション、スキーマ設計、ポリグロット永続化を策定。/design-scalardb [対象パス] で呼び出し。
ScalarDB Analytics設計エージェント - ScalarDB Analyticsを使用した分析基盤の設計。Apache Sparkベースの分析クエリ、マルチDB横断分析を策定。/design-scalardb-analytics [対象パス] で呼び出し。
[Design & Content] Create a design based on screenshot
Full-text search across design documentation. Use when looking for specific topics, decisions, or patterns documented across design docs.
Propose Séréna, chef designer senior, dès qu'un besoin design/UI/UX/charte est détecté. Installe UI/UX Pro Max si absent, guide la clé API magic.
Serialisierungsschemata mit JSON Schema, Protocol-Buffer-Definitionen oder Apache Avro entwerfen. Umfasst Schema-Versionierung, Rueckwaertskompatibilitaet, Validierungsregeln und…
One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing, brand patterns, and tech stack, then writes a Design…
Strip interfaces to their essence — remove unnecessary complexity, reduce visual noise, simplify navigation, and eliminate redundant UI elements.
Turn a product or automation objective into a bounded runx skill package proposal.
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to — from…
Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches and need to analyze trade-offs, select one, and def — from…
Work with Design Space — local Claude Design host. Use when editing designs//Design.jsx, reading human comments/overrides, asking refinement questions, polling review…
Spatial composition and layout for frontend design. Load with design when composing pages/dashboards/components, or whenever generated UI looks off — overlapping/colliding…
Lock down design decisions before implementation — app name, terminology, design tokens, screen inventory, data models, and microcopy.
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures.
Einstieg, Schnelltriage und Fallrouting im bAV Strategie Konzern-Plugin. Fragt Rolle, Ziel, Fristen, Unterlagen, Risiken und Wunsch-Output ab, schlägt passende Fachmodule aus…
Show design overview with all stories, progress, and dependency graph
Copies an existing landing page (from URL or image) into a specified page in the codebase using Playwright MCP.
사용자가 도메인(제품·서비스 주제)을 지정하면 그 도메인의 대표 화면을 30가지 디자인 스타일(SF HUD, 공공포털, 트렌디 SaaS, 고밀도 터미널, 브루탈리즘, 글래스모피즘, 미니멀 모노크롬, 럭셔리 다크, 레트로 픽셀, 에디토리얼, 네이처 오가닉, 뉴모피즘, 오로라 그라디언트, 벤토 그리드, 클레이모피즘,…
Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency.
Access 263+ design styles with AI-optimized prompt keywords for frontend development
Use when planning, building, or auditing a sub-agent file. Guides frontmatter configuration, system prompt quality, and anti-pattern review before writing anything.
Sync design docs with codebase state. Use when verifying documentation accuracy, after code changes, or when last-synced is stale.
[METHODOLOGY] Decompose a design engagement plan into atomic task files (engagement/tasks/*.md). Each task = one specialist + one deliverable + measurable done-when.
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking func — from…
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.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look — from…
Technical specification — every decision a developer needs before writing the first line of code.
Extract a reusable template from a finished design
Use when designing any interface where AI acts, generates, or decides on the user's behalf (agents, generative UI, AI suggestions, automation).
Use when proposing the approach for an initiative, or when tempted to add structure "for future scale" — design the idiomatic, simplest thing that solves the real problem and…
Use whenever designing any surface or component — design the full set of states, not just the happy path.