Joab Gonzalez

Material UI components for React with theming and customization options.

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

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

Create advanced data tables with AG Grid for React applications.

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

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

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

Structured ideation and decision-making for software projects.

Rigorous code review and improvement partner for validating code quality.

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

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

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

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

Implement composition over configuration for flexible UI component design.

Enforces English writing rules for generated content and code.

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

Implement hexagonal architecture to isolate application core from external systems.

Create semantic and accessible HTML with proper structure and elements.

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

Execute plans in batches with verification checkpoints for quality control.

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

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

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

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

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

Create standards-compliant skills using templates and validation.

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

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

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

Systematic debugging for root cause analysis and error investigation.

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

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

Powerful module bundler for optimizing JavaScript applications.

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

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

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

Generate slide decks for PowerPoint and Google Slides using PptxGenJS.

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

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

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

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

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

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

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

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

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

Automate browser interactions and extract data using natural language commands.

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.

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

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

Build lightweight edge and serverless APIs with Hono.

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

Architectural decision guide for selecting patterns based on project complexity.

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

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

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

Eliminate knowledge duplication through abstraction to streamline code maintenance.

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

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

Create context prompts for AI assistants with schema validation.

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

Fast build tool with HMR for modern web development.

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

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

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

Systematic code refactoring to mitigate risks while modernizing codebases.

Implement strict typing and type-safe development in TypeScript.

Enhance communication with empathy and clarity for user interactions.