Joab Gonzalez

User-centric testing for React components using React Testing Library.

Cross-browser end-to-end testing with Playwright for robust automation.

Prevent cascading failures in your application by implementing the circuit breaker pattern.

Material UI components for React with theming and customization options.

Fast build tool with HMR for modern web development.

Structured ideation and decision-making for software projects.

Conduct a two-stage code review focusing on spec compliance first, then code quality.

Modern JavaScript patterns for ES2020+ to enhance code quality and maintainability.

Strategize your testing approach with clear guidelines on coverage and test types.

Implement clean architecture to separate business logic from frameworks and external services.

Orchestrate fresh subagents for complex workflows with two-stage reviews.

Build REST APIs and server logic efficiently with Express.js routing and middleware.

Fast JavaScript/TypeScript runtime with built-in bundling and testing.

Implement hexagonal architecture to isolate application core from external systems.

Create advanced data tables with AG Grid for React applications.

Enhance communication with empathy and clarity for user interactions.

Utility-first CSS framework for building responsive designs with composable classes.

A modular CLI for distributing reusable AI agent skills across multiple coding assistants.

Synchronize model directories after creating or modifying skills, agents, or prompts.

Implement evidence-based verification to ensure task completion and validate claims.

Manage global state in React applications with Redux Toolkit for predictable state management.

Powerful module bundler for optimizing JavaScript applications.

Streamline frontend development with a focus on componentization and state management.

Build fast static sites with SSG/SSR and component islands using Astro.

Systematic code refactoring to mitigate risks while modernizing codebases.

Execute plans in batches with verification checkpoints for quality control.

Build lightweight edge and serverless APIs with Hono.

Decouple components using a centralized mediator to enhance testability and reusability.

Architectural decision guide for selecting patterns based on project complexity.

Systematic debugging for root cause analysis and error investigation.

Generate slide decks for PowerPoint and Google Slides using PptxGenJS.

Rigorous code review and improvement partner for validating code quality.

Master modern React with hooks and functional components for efficient state management.

Create standards-compliant skills using templates and validation.

Optimize your web applications for search engines with meta tags, structured data, and sitemaps.

User-centric testing for React Native components with a focus on behavior.

Optimize web performance by improving loading speed, interactivity, and visual stability.

Develop cross-platform mobile applications using React Native for iOS and Android.

Implement a domain-first folder structure that reflects business capabilities.

Streamline backend development with a comprehensive workflow for API design and data modeling.

Implement end-to-end testing patterns and best practices for reliable software delivery.

Implement the sidecar pattern to enhance microservices with logging, monitoring, or auth without code changes.

Establish universal coding standards for naming, structure, and organization across any technology.

Unit testing patterns for frontend and backend code to ensure maintainability and clarity.

Organize complex skills into structured reference files for better navigation and efficiency.

Create executable plans with granular tasks and precise file paths for efficient implementation.

Implement composition over configuration for flexible UI component design.

Model complex logic with explicit states and transitions to eliminate impossible states.

Ensure consistent code quality with linting and formatting across multiple tools.

Perform form and schema validation across various libraries with context-aware integration.

Node.js patterns for building efficient backend services with async I/O.

Enhance your technical writing for documentation and code with clear guidelines.

UI/UX design patterns for creating effective user interfaces and flows.

Create semantic and accessible HTML with proper structure and elements.

Build fullstack React applications with server-side rendering and static site generation using Next.js.

Modern CSS techniques using Grid, Flexbox, and custom properties for responsive design.

Accessibility guide for ensuring compliance with WCAG 2.1/2.2 standards.

Create standards-compliant agent definitions with templates for AI assistants.

Managed workflow for cross-platform mobile apps using Expo and EAS services.

Type-safe error handling using Result<T> to manage expected business errors without exceptions.

Learn and apply SOLID principles for maintainable object-oriented design.

Automate browser interactions and extract data using natural language commands.

Eliminate knowledge duplication through abstraction to streamline code maintenance.

Implement strict typing and type-safe development in TypeScript.

Build scalable server applications using NestJS with modular architecture and dependency injection.

Enforces English writing rules for generated content and code.

Implement Domain-Driven Design (DDD) for complex business domains.

Create context prompts for AI assistants with schema validation.

Unit, integration, and snapshot testing for JavaScript and TypeScript projects using Jest.