joabgonzalez
- 81 skills
- 0 followers
- 1 week ago last updated
- ▌ Composition Pattern · joabgonzalezComposition Over Configuration for flexible component design. Trigger: When building reusable UI components with flexible, consumer-controlled APIs.
- ▌ Astro Best Practices · joabgonzalezAstro quality patterns: island philosophy, SEO by page type, and Core Web Vitals. Trigger: When reviewing Astro site quality or hydration decisions.
- ▌ Domain Driven Design · joabgonzalez bundleDomain-Driven Design for complex business domains. Trigger: When modeling business rules, defining bounded contexts, or building ubiquitous language.
- ▌ React Best Practices · joabgonzalezReact quality patterns for component design, state location, and code review. Trigger: When reviewing React code quality or component architecture.
- ▌ Systematic Debugging · joabgonzalez bundleRoot cause analysis and systematic error investigation. Trigger: When debugging errors, unexpected behavior, or test failures.
- ▌ Architecture Patterns · joabgonzalez bundleArchitectural decision guide by complexity. Trigger: When choosing architecture, planning strategic refactoring, or evaluating pattern trade-offs.
- ▌ Nodejs Best Practices · joabgonzalezNode.js quality patterns: observability, security, and graceful shutdown. Trigger: When reviewing Node.js service quality or operational readiness.
- ▌ React Testing Library · joabgonzalezUser-centric React component testing. Trigger: When testing React components with RTL.
- ▌ Receiving Code Review · joabgonzalezProcess incoming code review feedback with technical rigor. Trigger: When receiving review comments, feedback, or suggestions on your code.
- ▌ Verification Protocol · joabgonzalezEvidence-based verification with gate function. Trigger: When verifying task completion or validating claims.
- ▌ Hexagonal Architecture · joabgonzalez bundlePorts and Adapters isolating application core from external concerns. Trigger: When building testable services with swappable infrastructure.
- ▌ Screaming Architecture · joabgonzalez bundleDomain-first folder structure reflecting business capabilities. Trigger: When structuring projects or refactoring toward use-case-driven boundaries.
- ▌ State Machines Pattern · joabgonzalez bundleModel logic as explicit states and transitions. Trigger: When managing multi-step workflows, async states, or logic with impossible flag combinations.
- ▌ Subagent Orchestration · joabgonzalez bundleFresh subagents per task with two-stage reviews. Trigger: When coordinating parallel agents for complex workflows.
- ▌ Circuit Breaker Pattern · joabgonzalez bundlePrevent cascading failures by short-circuiting failing services. Trigger: When calling external APIs, databases, or any unreliable dependency.
- ▌ Technical Communication · joabgonzalezClear technical writing for documentation and commits. Trigger: When writing documentation, code comments, or communicating technical concepts.
- ▌ React Native Testing Library · joabgonzalezUser-centric React Native component testing. Trigger: When testing React Native components with RNTL.
- ▌ Skill Creation · joabgonzalez bundleStandards-compliant skill creation with templates and validation. Trigger: When creating a new skill or documenting patterns.
- ▌ Context Handoff · joabgonzalezPaste-ready session summary for context transfer to a new chat. Trigger: User says 'context handoff', 'start fresh', or session needs to continue.
- ▌ English Writing · joabgonzalezEnglish writing rules for generated content and code. Trigger: When generating, editing, or reviewing content, code, documentation, or prompts.
- ▌ Form Validation · joabgonzalez bundleForm and schema validation across libraries. Trigger: When validating forms, API input, schemas, or runtime data.
- ▌ Prompt Creation · joabgonzalez bundleContext prompts for AI assistants with schema validation. Trigger: When creating context prompts for AI assistants or documenting project config.
- ▌ Sharp Execution · joabgonzalezEliminate overthinking: act on intent, cache decisions, stay in scope. Trigger: When agent hesitates, over-analyzes, or re-litigates.
- ▌ Web Performance · joabgonzalez bundleWeb performance optimization and Core Web Vitals. Trigger: When measuring, auditing, or improving page load speed, interactivity, or visual stability.
- ▌ Code Refactoring · joabgonzalez bundleSystematic code refactoring with risk mitigation. Trigger: When refactoring legacy code, migrating technologies, or resolving technical debt.
- ▌ Critical Partner · joabgonzalezRigorous code review and improvement partner. Trigger: When validating code quality, reviewing implementations, or providing critical feedback.
- ▌ Interface Design · joabgonzalez bundleUI/UX design patterns for software. Trigger: When designing user interfaces, planning UX flows, or evaluating UI decisions.
- ▌ Mediator Pattern · joabgonzalez bundleDecouples components via centralized mediator. Trigger: When direct coupling makes components hard to test, reuse, or when orchestrating workflows.
- ▌ Testing Strategy · joabgonzalezTest planning, pyramid decisions, and coverage strategy. Trigger: When deciding what to test, choosing test types, or auditing testing gaps.
- ▌ Clean Architecture · joabgonzalez bundleLayer-based architecture with inward dependency rule. Trigger: When separating business logic from frameworks, databases, and external services.
- ▌ CSS Best Practices · joabgonzalezCSS quality patterns: naming, specificity architecture, dark mode, and layout. Trigger: When reviewing CSS quality or stylesheet architecture.
- ▌ Design System Spec · joabgonzalezStructure a DESIGN.md so agents generate consistent UI from project tokens. Trigger: When documenting a design system for agent consumption.
- ▌ Reference Creation · joabgonzalez bundleReference files for complex skills (40+ patterns). Trigger: When creating complex skill with 40+ patterns or 4+ natural sub-topics.
- ▌ E2e Testing · joabgonzalezEnd-to-end testing patterns and best practices. Trigger: When writing or reviewing E2E tests for any layer.
- ▌ Lean Output · joabgonzalezReduce output tokens while preserving technical accuracy. Trigger: When asked to be concise, terse, or minimize token usage.
- ▌ PPTX Slides · joabgonzalezSlide deck generation for PowerPoint and Google Slides using PptxGenJS. Trigger: When creating, editing, or planning presentation slides.
- ▌ Ship Branch · joabgonzalezVerify, deliver, and close a completed branch. Trigger: When implementation is done and ready to ship or close out.
- ▌ Tailwindcss · joabgonzalez bundleUtility-first CSS with responsive design. Trigger: When styling with Tailwind utilities, creating responsive designs, or configuring Tailwind.
- ▌ Code Quality · joabgonzalez bundleLinting and formatting across tools. Trigger: When configuring linters, formatters, enforcing code quality, or fixing style issues.
- ▌ Frontend Dev · joabgonzalezFrontend workflow with componentization and state management. Trigger: When building, refactoring, or scaling frontend apps.
- ▌ React Native · joabgonzalez bundleCross-platform mobile development with React Native. Trigger: When developing mobile apps, implementing platform features, or optimizing performance.
- ▌ Unit Testing · joabgonzalezUnit testing patterns for frontend and backend. Trigger: When writing or reviewing unit tests for any layer.
- ▌ Brainstorming · joabgonzalezStructured ideation and decision-making for software. Trigger: When planning features, evaluating alternatives, or making architectural decisions.
- ▌ Dry Principle · joabgonzalez bundleEliminate knowledge duplication via abstraction. Trigger: When same logic appears 3+ times or changing one place requires updating others.
- ▌ Redux Toolkit · joabgonzalez bundlePredictable state management with Redux Toolkit. Trigger: When implementing Redux, creating slices, or managing global state.
- ▌ Writing Plans · joabgonzalez bundleExecutable plans with granular tasks and file precision. Trigger: When creating implementation plans with 2-5 minute tasks.
- ▌ Agent Creation · joabgonzalez bundleStandards-compliant agent definitions with templates. Trigger: When creating agent definitions, setting up project agents, or documenting workflows.
- ▌ Authentication · joabgonzalez bundleAuth patterns: password hashing, JWT, sessions, and OAuth. Trigger: When implementing login, registration, token handling, or OAuth flows.
- ▌ Plan Execution · joabgonzalez bundleBatch execution with checkpoints. Trigger: When executing plans with batched tasks.
- ▌ Result Pattern · joabgonzalez bundleType-safe error handling via Result<T>. Trigger: When handling expected business errors (validation, not found) without throwing exceptions.
- ▌ Bun · joabgonzalezFast JavaScript/TypeScript runtime with bundling and testing. Trigger: When using Bun for server apps, scripts, or tooling.
- ▌ CSS · joabgonzalezModern CSS with Grid, Flexbox, and custom properties. Trigger: When writing CSS styles, implementing layouts, or using modern features.
- ▌ Mui · joabgonzalez bundleMaterial UI components with theming and sx prop. Trigger: When using MUI components, implementing theming, or creating custom components.
- ▌ A11Y · joabgonzalez bundleAccessibility guide (WCAG 2.1/2.2, Level A–AAA). Trigger: When building UI components, interactive elements, or auditing accessibility compliance.
- ▌ Expo · joabgonzalezManaged workflow for cross-platform mobile apps with EAS. Trigger: When developing with Expo, configuring EAS services, or building mobile apps.
- ▌ Hono · joabgonzalez bundleLightweight edge/serverless APIs with Hono. Trigger: When building edge APIs or lightweight serverless apps.
- ▌ HTML · joabgonzalezSemantic HTML with proper elements and structure. Trigger: When writing HTML markup, creating structure, or implementing semantic elements.
- ▌ Jest · joabgonzalezUnit, integration, and snapshot testing with Jest. Trigger: When writing or running tests with Jest.
- ▌ Nest · joabgonzalez bundleNestJS modular architecture with dependency injection. Trigger: When building scalable server apps with NestJS.
- ▌ Next · joabgonzalez bundleFullstack React with SSR/SSG and API routes. Trigger: When building with Next.js, configuring SSR/SSG, or deploying.
- ▌ Vite · joabgonzalezFast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.
- ▌ Astro · joabgonzalez bundleFast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.
- ▌ React · joabgonzalez bundleModern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.
- ▌ Solid · joabgonzalez bundleSOLID principles for maintainable OOP design. Trigger: When designing classes, services, or repositories in object-oriented code.
- ▌ Docker · joabgonzalezDocker patterns: multistage builds, security hardening, and compose. Trigger: When writing Dockerfiles, docker-compose, or containerizing apps.
- ▌ Nodejs · joabgonzalezNode.js backend patterns with async I/O and process management. Trigger: When building backend services, CLI tools, or server scripts.
- ▌ Ag Grid · joabgonzalezAdvanced data tables with AG Grid. Trigger: When implementing AG Grid tables, configuring features, or creating custom cell renderers.
- ▌ Express · joabgonzalez bundleExpress.js routing, middleware, and error handling. Trigger: When building REST APIs or server logic with Express.
- ▌ GRAPHQL · joabgonzalezGraphQL schema design, resolver patterns, and client queries. Trigger: When building GraphQL APIs, writing schemas, resolvers, or client queries.
- ▌ Web SEO · joabgonzalezSEO meta tags, structured data, and search optimization. Trigger: When adding meta tags, sitemaps, improving search ranking, or auditing SEO.
- ▌ Webpack · joabgonzalezModule bundler with loaders, plugins, and code splitting. Trigger: When configuring Webpack, setting up loaders, or optimizing bundles.
- ▌ Grill Me · joabgonzalezOne-at-a-time questioning to fully profile a goal before acting. Trigger: User says 'grill me', goal is vague, or clarification is needed first.
- ▌ Humanizer · joabgonzalezHuman-centric communication with empathy and clarity. Trigger: When improving prompts, agent behavior, or user-facing content.
- ▌ Stagehand · joabgonzalezBrowser automation and test orchestration. Trigger: When automating browser flows or test setup with Stagehand.
- ▌ Tech Docs · joabgonzalezMarkdown docs with Mermaid diagrams and tree layouts. Trigger: When writing architecture, spike, or implementation docs.
- ▌ Javascript · joabgonzalezModern JavaScript (ES2020+) patterns. Trigger: When writing JavaScript code, using ES2020+ features, or refactoring legacy JS.
- ▌ Playwright · joabgonzalezCross-browser E2E testing with Playwright. Trigger: When writing or running end-to-end tests with Playwright.
- ▌ Skill Sync · joabgonzalezSynchronization across model directories. Trigger: After creating or modifying skills, agents, or prompts to sync across directories.
- ▌ Typescript · joabgonzalez bundleStrict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
- ▌ Backend Dev · joabgonzalezBackend development workflow with API design and data modeling. Trigger: When building, refactoring, or scaling backend apps.
- ▌ Code Review · joabgonzalez bundleTwo-stage code review: spec compliance then code quality. Trigger: When reviewing code for correctness and quality.