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