设计
UI/UX 方向、视觉设计与设计系统
feature-investment-advisor
HMS091
Evaluate feature investments using revenue impact, cost structure, ROI, and strategy. Use when deciding whether a feature deserves investment.
ux-design
SneakKestrel16
"Section-by-section UX spec authoring for a screen, flow or HUD. Reads the player journey to provide context; also project-wide accessibility."
code-audit
ArjenSchwarz
Parallel code audit combining simplification and design critique analysis. Spawns two subagents (code-simplifier and design-critic) to independently review the current directory, consolidates findings into a prioritised report, and offers to create Transit tasks for actionable items. Use when you want a broad quality review of a codebase, e.g. "audit this code", "review codebase quality", "find improvements", "code audit".
vertical-slice
SneakKestrel16
"Pre-production validation — end-to-end build to confirm the full loop is achievable before committing to Production. After GDDs, architecture, UX specs."
design
agust7nsg
"Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads."
wish-research
sibulus13
Refine Cortex Deal Scout's research for a wishlist item with the owner's own findings — set budget/priority/category preferences, pin options they found, exclude brands or models, add notes — then re-rank and rewrite the top 3 picks and the Research sub-page. Use when the user says "/wish-research <item>", "update the research for my <item>", "I found this <product>, add it", "drop <brand> from my <item> picks", or wants to change what a wish is optimised for.
ui-ux-pro-max
agust7nsg
"UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks."
elegir-tipografia-paleta
Reedsy2407
Elige fuentes y paleta con licencia verificable, cobertura latina completa y contraste AA calculado, con un máximo de cuatro archivos de fuente, y lo registra en el brief y en TOOLING. Úsala al fijar la dirección visual o al cambiar de tipografía o de paleta.
explorar-direcciones
Reedsy2407
Explora tres o más direcciones visuales maquetadas en local (una basada en una referencia que el humano nombra), con capturas, hoja comparativa y video, y deja la elección al humano. Úsala antes de la primera pantalla con interfaz o cuando el humano pida un rediseño.
carousel-b2b-design
daniel-ospina
Renders carousel slides to PNG via Playwright. Invoked by carousel-b2b-strategy. Takes script + selected images → builds HTML/CSS → renders each slide → runs 12-item checklist → outputs PNGs + carousel-preview.html.
brainstorming
daniel-ospina
"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."
bootstrap
jthorare
Analyze a repo's documentation coverage against the Pivot doc standard (17 planning docs + AGENTS.md + per-provider rules + design language), then generate any missing docs adapted to the codebase. Optionally reference external product documentation (SharePoint, Confluence, Dropbox, shared drives) when generating product-facing documents.
archReview
jthorare
Engineering architecture review with mandatory diagrams and edge case analysis. Reviews plans or implementations for technical soundness.
building-a-role-skill
musterd-io
How to build or rebuild the skill a musterd role carries, by one measured method — read the charter and sources, research the craft, survey upstream skills under a licence check, write a lean core with references, evaluate with and without the skill graded blind, fix and re-run, and have a holder of the role accept it. Use when creating a custom role's skill, rebuilding an existing one, or deciding whether a role's skill is good enough to ship.
specToProvenPR
jthorare
Use when turning an approved spec or design doc into production-ready pull requests that are definitively proven to work in the running app. Use for staged multi-phase builds where each stage must be planned, implemented, tested by hand in the running app, evidenced, and only then driven to zero blocking review findings. Triggers include "take this spec to PRs", "ship this design", "prove it works then open the PR", staged epic delivery, and review-loop-until-clean. Also use when tempted to stop a review loop early, treat green tests as proof, or defer findings to a follow-up.
design-verify-web
jthorare
Playwright screenshots at mobile/tablet/desktop viewports, diff against mockup baseline using design-comparison MCP, and report discrepancies with fix suggestions.
design-verify-ios
jthorare
Boot simulator if needed, capture screenshot via XcodeBuildMCP, diff against mockup baseline using design-comparison MCP. Reports discrepancies with fix suggestions.
officeHours
jthorare
"Spec-driven brainstorming session with EARS-format requirements. Outputs plan.md (the canonical handoff) plus domain-specific docs (product.md, engineering.md, design-brief.md, TASKS.md) to plans/ directory — each assignable to its owning team."
ui-styling
agust7nsg
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
design-mastery
wasintoh
World-class design system with extensible business type registry. Automatically selects appropriate design patterns based on business context. Anti-AI detection, trend-aware, production-ready design decisions. CRITICAL: Must be read before any UI creation task.
comms
musterd-io
How a team speaks in public, and the evidence every public word rests on — messaging, launch narrative, release notes, press, public docs and READMEs, UI-copy specs, positioning and GTM proposals, user research synthesis, charts, pitch decks, investor and accelerator writing. Use for any writing that leaves the repo, any figure that carries a number, any claim about users or the market, and any UI-copy spec handed to the designer. Enforces the brand voice, the canonical glossary and one evidence gate; per-craft procedures live in references/.
verify-web
jthorare
"Playwright-based self-verification of running web apps. Executes journeys through verification lenses (functional, visual, accessibility, error-state, responsive) and writes an evidence pack (pack.json + report.md) on every run."
withInterview
jthorare
"Interview the user to clarify requirements before executing a prompt. Use when the user wants to refine a task through guided questions before implementation."
design-excellence
wasintoh
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks like AI made it, design system, style guide, make it beautiful.