Use when adding a new version of a persistent data structure, creating a new blob or config type, implementing an upgrade path between versions, or registering a coder for a…
Use when running a heuristic evaluation, structuring a design critique, selecting which design framework to apply for a given project context, or auditing a UI against…
Visual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable…
Use when establishing a systematic photo retouching workflow for portrait, product, or commercial image post-production
Claude로 PPT·발표자료나 웹사이트를 만들 때, AI 기본 미감(보라 그라디언트·둥근 카드·천편일률)으로 수렴하지 않도록 80가지 검증된 디자인 스타일 팩 중 하나를 골라 그 명세대로 생성하게 하는 스킬.
Full autonomous design pipeline — Ralph Wiggum builds it, then the safety net polishes it. Chains: design-setup → design-build → (design-audit ∥ design-optimize) → design-polish →…
Comprehensive PostGIS spatial table design reference covering geometry types, coordinate systems, spatial indexing, and performance patterns for location-based applications
Apply the 6-phase design framework (Describe, Diagnose, Delimit, Direction, Design, Develop) to understand a problem before implementing a solution.
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…
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…
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…
Use when approved behaviour needs a requirement-linked, state-complete, accessible interaction contract.
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.