Joab Gonzalez

Accessibility guide (WCAG 2.1/2.2, Level A–AAA). Trigger: When building UI components, interactive elements, or auditing accessibility compliance.

Standards-compliant agent definitions with templates. Trigger: When creating agent definitions, setting up project agents, or documenting workflows.

Advanced data tables with AG Grid. Trigger: When implementing AG Grid tables, configuring features, or creating custom cell renderers.

Architectural decision guide by complexity. Trigger: When choosing architecture, planning strategic refactoring, or evaluating pattern trade-offs.

Fast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.

Backend development workflow with API design and data modeling. Trigger: When building, refactoring, or scaling backend apps.

Structured ideation and decision-making for software. Trigger: When planning features, evaluating alternatives, or making architectural decisions.

Fast JavaScript/TypeScript runtime with bundling and testing. Trigger: When using Bun for server apps, scripts, or tooling.

Prevent cascading failures by short-circuiting failing services. Trigger: When calling external APIs, databases, or any unreliable dependency.

Layer-based architecture with inward dependency rule. Trigger: When separating business logic from frameworks, databases, and external services.

Universal naming, structure, and organization conventions. Trigger: When establishing coding standards or reviewing conventions across any technology.

Linting and formatting across tools. Trigger: When configuring linters, formatters, enforcing code quality, or fixing style issues.

Systematic code refactoring with risk mitigation. Trigger: When refactoring legacy code, migrating technologies, or resolving technical debt.

Two-stage code review: spec compliance then code quality. Trigger: When reviewing code for correctness and quality.

Composition Over Configuration for flexible component design. Trigger: When building reusable UI components with flexible, consumer-controlled APIs.

Rigorous code review and improvement partner. Trigger: When validating code quality, reviewing implementations, or providing critical feedback.

Modern CSS with Grid, Flexbox, and custom properties. Trigger: When writing CSS styles, implementing layouts, or using modern features.

Domain-Driven Design for complex business domains. Trigger: When modeling business rules, defining bounded contexts, or building ubiquitous language.

Eliminate knowledge duplication via abstraction. Trigger: When same logic appears 3+ times or changing one place requires updating others.

End-to-end testing patterns and best practices. Trigger: When writing or reviewing E2E tests for any layer.

English writing rules for generated content and code. Trigger: When generating, editing, or reviewing content, code, documentation, or prompts.

Managed workflow for cross-platform mobile apps with EAS. Trigger: When developing with Expo, configuring EAS services, or building mobile apps.

Express.js routing, middleware, and error handling. Trigger: When building REST APIs or server logic with Express.

Form and schema validation across libraries. Trigger: When validating forms, API input, schemas, or runtime data.

Frontend workflow with componentization and state management. Trigger: When building, refactoring, or scaling frontend apps.

Ports and Adapters isolating application core from external concerns. Trigger: When building testable services with swappable infrastructure.

Lightweight edge/serverless APIs with Hono. Trigger: When building edge APIs or lightweight serverless apps.

Semantic HTML with proper elements and structure. Trigger: When writing HTML markup, creating structure, or implementing semantic elements.

Human-centric communication with empathy and clarity. Trigger: When improving prompts, agent behavior, or user-facing content.

UI/UX design patterns for software. Trigger: When designing user interfaces, planning UX flows, or evaluating UI decisions.

Modern JavaScript (ES2020+) patterns. Trigger: When writing JavaScript code, using ES2020+ features, or refactoring legacy JS.

Unit, integration, and snapshot testing with Jest. Trigger: When writing or running tests with Jest.

Decouples components via centralized mediator. Trigger: When direct coupling makes components hard to test, reuse, or when orchestrating workflows.

Material UI components with theming and sx prop. Trigger: When using MUI components, implementing theming, or creating custom components.

NestJS modular architecture with dependency injection. Trigger: When building scalable server apps with NestJS.

Fullstack React with SSR/SSG and API routes. Trigger: When building with Next.js, configuring SSR/SSG, or deploying.

Node.js backend patterns with async I/O and process management. Trigger: When building backend services, CLI tools, or server scripts.

Batch execution with checkpoints. Trigger: When executing plans with batched tasks.

Cross-browser E2E testing with Playwright. Trigger: When writing or running end-to-end tests with Playwright.

Slide deck generation for PowerPoint and Google Slides using PptxGenJS. Trigger: When creating, editing, or planning presentation slides.

Context prompts for AI assistants with schema validation. Trigger: When creating context prompts for AI assistants or documenting project config.

Cross-platform mobile development with React Native. Trigger: When developing mobile apps, implementing platform features, or optimizing performance.

User-centric React Native component testing. Trigger: When testing React Native components with RNTL.

Modern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.

User-centric React component testing. Trigger: When testing React components with RTL.

Predictable state management with Redux Toolkit. Trigger: When implementing Redux, creating slices, or managing global state.

Reference files for complex skills (40+ patterns). Trigger: When creating complex skill with 40+ patterns or 4+ natural sub-topics.

Type-safe error handling via Result<T>. Trigger: When handling expected business errors (validation, not found) without throwing exceptions.

Domain-first folder structure reflecting business capabilities. Trigger: When structuring projects or refactoring toward use-case-driven boundaries.

Auxiliary service sharing lifecycle with main service. Trigger: When adding logging, monitoring, or auth proxy to microservices without code changes.

Standards-compliant skill creation with templates and validation. Trigger: When creating a new skill or documenting patterns.

Synchronization across model directories. Trigger: After creating or modifying skills, agents, or prompts to sync across directories.

SOLID principles for maintainable OOP design. Trigger: When designing classes, services, or repositories in object-oriented code.

Browser automation and test orchestration. Trigger: When automating browser flows or test setup with Stagehand.

Model logic as explicit states and transitions. Trigger: When managing multi-step workflows, async states, or logic with impossible flag combinations.

Fresh subagents per task with two-stage reviews. Trigger: When coordinating parallel agents for complex workflows.

Root cause analysis and systematic error investigation. Trigger: When debugging errors, unexpected behavior, or test failures.

Utility-first CSS with responsive design. Trigger: When styling with Tailwind utilities, creating responsive designs, or configuring Tailwind.

Clear technical writing for documentation and commits. Trigger: When writing documentation, code comments, or communicating technical concepts.

Test planning, pyramid decisions, and coverage strategy. Trigger: When deciding what to test, choosing test types, or auditing testing gaps.

Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.

Unit testing patterns for frontend and backend. Trigger: When writing or reviewing unit tests for any layer.

Evidence-based verification with gate function. Trigger: When verifying task completion or validating claims.

Fast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.

Module bundler with loaders, plugins, and code splitting. Trigger: When configuring Webpack, setting up loaders, or optimizing bundles.

Web performance optimization and Core Web Vitals. Trigger: When measuring, auditing, or improving page load speed, interactivity, or visual stability.

SEO meta tags, structured data, and search optimization. Trigger: When adding meta tags, sitemaps, improving search ranking, or auditing SEO.

Executable plans with granular tasks and file precision. Trigger: When creating implementation plans with 2-5 minute tasks.