Run design sprints, manage handoff, establish team rituals, documentation standards, and design QA processes.
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order.
Complete autonomous design overhaul — tears down dated patterns and rebuilds with modern CSS, proper tokens, purposeful motion, and production-grade quality.
Design pattern notlarını (ham web clip veya basit notlar) kapsamlı, yapılandırılmış ve NotebookLM-uyumlu Obsidian notlarına dönüştürür.
Conseille le pattern de conception adapté à un problème donné. Se déclenche avec "design pattern", "quel pattern", "singleton", "factory", "observer", "strategy", "SOLID" — from…
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy — from…
Comprehensive knowledge of all 23 Gang of Four design patterns with progressive disclosure (Quick/Practical/Deep), pattern recognition for problem-solving, and philosophy — from…
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…
Use when establishing a systematic photo retouching workflow for portrait, product, or commercial image post-production
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
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.
Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.
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…
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…
分析 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
所见即所得的 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.
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…
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.
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.
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
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.
Technical specification — every decision a developer needs before writing the first line of code.
Extract a reusable template from a finished design
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc.
Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction states (hover, focus,…
Create Drupal paragraph types from Figma designs or screenshots using the design-specialist agent. Auto-activates when user provides a design reference and asks to create a Drupal…
Creates a GitHub epic and child issues from a design document's implementation plan. Use when a design doc has a reviewed plan section ready to be converted into trackable work.
End-to-end design workflow — brainstorm ideas into structured implementation plans with optional launch
Create WordPress block patterns from Figma designs or screenshots using the design-specialist agent. Auto-activates when user provides a Figma URL or design mockup and asks to…
Align design artifacts with code tokens and component APIs so spacing, color, type, and states stay consistent through implementation.
Unified design token automation for Northcote Curio. Build, validate, and sync design tokens across CSS, Tailwind, and theme systems.