jquinterot

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.

Expert Playwright UI testing agent for the AroundMe Next.js application. Use when writing, reviewing, refactoring, or debugging E2E UI tests. Covers design patterns (POM, Factory, Builder, Command, Singleton), latest Playwright features (soft assertions, clock API, expect.poll, toPass, mergeTests, getByTestId), TypeScript quality, reusable test steps, test organization, coverage analysis, and CI alignment. Triggers on E2E test creation, test refactoring, flaky test debugging, POM creation, test coverage gaps, or modern Playwright feature adoption.

Software architect skill for enforcing SOLID principles, clean architecture, design patterns, and detecting code duplication. Use when designing new features, refactoring existing code, reviewing architecture, creating abstractions, or when the user mentions scalability, clean code, SOLID, DRY, design patterns, or code duplication.

Senior frontend development skill for the AroundMe Next.js application. Use when building React components with TypeScript and Tailwind CSS, implementing responsive designs, optimizing frontend performance, managing React state, or reviewing UI/UX code. Triggers on component creation, styling tasks, dark mode implementation, form building, or frontend refactoring.

Expert software testing agent for the AroundMe Next.js application. Use when writing, fixing, or reviewing tests (unit and E2E), setting up CI/CD test pipelines, debugging test failures, ensuring code coverage, or verifying that code changes don't break existing tests. Triggers on test writing, test fixing, CI configuration, coverage analysis, or regression testing.