Use when designing or reviewing a user interface — gives distinctive, opinionated guidance on visual design, typography, layout, motion, and writing. Front-loads the trigger words "UI design", "visual design", "typography", "make it look distinctive", "review the UI", "redesign". Not for routine styling fixes or accessibility audits (use those skills instead).
Use when files exceed 300 lines or components mix multiple responsibilities. Breaks down large files into focused single-responsibility modules with proper separation of concerns.
Use when designing or implementing a persistence layer, replacing localStorage with a database, adding migrations, or creating data access patterns. Covers schema design, server actions, and ORM integration.
Use when duplicate functions, dead code, hardcoded values, or scattered configuration are found across the codebase. Eliminates DRY violations, removes unused exports, and centralizes shared logic.
Use when generating ISTQB exam questions for Foundation Level (CTFL) or Generative AI (CT-GenAI) certifications. Ensures K1-K3 cognitive levels, combination-answer formats, and syllabus-compliant topic coverage.
Use when generating AWS ML Engineer Associate (MLA-C01) exam questions. Covers all exam domains, ensures question format matches the official exam, and maintains technical accuracy per AWS documentation.
Use when converting client-side SPAs to Next.js App Router architecture with Server Components, route segments, streaming, and server actions. Covers migration from pages router or SPA patterns.
Use when designing component architecture, planning React state management, or making structural decisions for Next.js applications. Covers component decomposition, hooks patterns, and rendering strategies.