Design

Use container queries for component-based responsive design with @container syntax and named containers. Use when building portable, reusable components that adapt to parent size instead of viewport.

Expertise in API design, database integration, and service connectivity. Activates when working with "API", "database", "webhook", "service", "integrate", "connect", or system architecture.

Implement PCI DSS compliance requirements for secure handling of payment card data and payment systems. Use when securing payment processing, achieving PCI compliance, or implementing payment card security measures.

Comprehensive gap analysis framework for identifying missing capabilities, coverage, and requirements. Use for requirements vs implementation gaps, test coverage analysis, documentation gaps, security posture assessment, performance benchmarks, feature parity analysis, team capability gaps, infrastructure coverage, compliance gaps, and accessibility analysis. Includes SWOT, maturity models, and automated gap detection.

Saves complete session state to STATUS.json for seamless continuation across conversations. Captures git context, in-progress tasks, service status, focus area, and next actions. Use at the end of work sessions, before context limits, or when switching to a different task. Do NOT use mid-task or for quick questions - the overhead is only worthwhile when you actually need to resume later.

Interactive UI theme generation when user needs help choosing colors/fonts.Generates cohesive themes based on brand personality using color harmony theory.Use when user asks for theme/color help OR building UI without design:- "What theme should I use?" "Help me pick colors" "Generate theme"- "What colors work well together?" "Suggest color palette"- User uncertain about design direction, needs aesthetic suggestions- Building UI/landing page with no design specs, needs complete themeKeywords: theme, color palette, colors, fonts, brand personality, color harmonyInteractive workflow: Ask personality → Present options → Generate custom theme.References pre-defined themes in .claude/themes/.Do NOT load for: User has clear aesthetic/colors, Figma/design file provided.Integrates with design-fundamentals: Generates themes following design principles.

Best practices for structuring prpm.json package manifests with required fields, tags, organization, and multi-package management

Automatically generate comprehensive QA test plans when user mentions testing requirements, QA needs, or asks what should be tested. Analyzes code changes and features to create structured test scenarios. Invoke when user mentions "test plan", "QA", "what to test", "testing requirements", or "test scenarios".

Guide to Zod v4 new features including top-level string formats, string transformations, codecs, and stringbool

Building and deploying React web applications. Use when configuring builds, deploying to Vercel/Netlify, setting up CI/CD, Docker, or managing environments.

Comprehensive guide to common Quart async patterns including app factory, blueprints, async sessions, background tasks, error handling, and WebSocket patterns. Activates when implementing Quart features or refactoring code.

Generate GraphQL schemas, resolvers, and type definitions. Use when designing GraphQL APIs or documenting GraphQL schemas.

Implements GitHub issues that have approved implementation plans. Use when you need to implement an issue, create a branch, write code, and submit a PR. Requires a clear implementation plan in the issue comments.

Build n8n nodes using declarative style with JSON-based routing configuration for REST API integrations. Use this skill when implementing standard CRUD operations, configuring requestDefaults, defining routing in operation options, setting up declarative pagination, adding query parameters via routing.send, or processing responses with postReceive. Apply when building REST API nodes with simple request/response patterns and automatic pagination handling.

Generate actionable, dependency-ordered task lists from implementation plans usingSpecification-Driven Development (SDD) methodology. Use when creating executablework breakdown, task lists, or executing the /tasks command.This skill analyzes design artifacts (plan, contracts, data models, test scenarios)and generates a sequenced task list with parallel execution markers. Tasks followTDD (test-first) and contract-first principles, with clear dependencies and file paths.Triggered by: /tasks command, user request for "task list", "work breakdown","implementation steps", or "what tasks do I need to complete?".

Master Nexus philosophy and best practices. Load when user mentions: learn nexus, nexus tutorial, system mastery, nexus best practices, how nexus works, nexus philosophy, nexus design, understand nexus, nexus deep dive. 15-18 min.

Generate comprehensive implementation plans using Specification-Driven Development (SDD)methodology. Use when creating technical design, implementation roadmap, or executingthe /plan command.This skill orchestrates the plan-template.md execution flow, generating research, datamodels, API contracts, and test scenarios. It validates constitutional compliance(Library-First, Test-First, Contract-First) and prepares for task generation.Triggered by: /plan command, user request for "implementation plan", "technical design","how to implement", or "design this feature".

Builds content APIs with KeystoneJS, the Node.js headless CMS with GraphQL. Use when creating admin UIs and APIs with automatic CRUD operations, relationships, access control, and TypeScript support.

Implement the repository pattern for database abstraction with sqlx, transactions, and retry logic. Use when building data access layers.

Detect when user is working in an un-indexed project and proactively suggest enabling semantic memory. Activates on first code question in new projects to guide users through initial setup.