joabgonzalez/ai-agents-skills - 2페이지

mui

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

원문 언어: 영어

nest

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

원문 언어: 영어

next

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

원문 언어: 영어

playwright

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

원문 언어: 영어

pptx-slides

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

원문 언어: 영어

prompt-creation

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

원문 언어: 영어

react-native

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

원문 언어: 영어

react

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

원문 언어: 영어

react-testing-library

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

원문 언어: 영어

redux-toolkit

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

원문 언어: 영어

reference-creation

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

원문 언어: 영어

skill-creation

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

원문 언어: 영어

skill-sync

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

원문 언어: 영어

stagehand

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

원문 언어: 영어

tailwindcss

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

원문 언어: 영어

technical-communication

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

원문 언어: 영어

testing-strategy

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

원문 언어: 영어

typescript

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

원문 언어: 영어

unit-testing

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

원문 언어: 영어

vite

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

원문 언어: 영어

web-performance

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

원문 언어: 영어

web-seo

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

원문 언어: 영어

webpack

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

원문 언어: 영어

architecture-patterns

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

원문 언어: 영어

backend-dev

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

원문 언어: 영어

clean-architecture

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

원문 언어: 영어

code-refactoring

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

원문 언어: 영어

composition-pattern

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

원문 언어: 영어

domain-driven-design

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

원문 언어: 영어

dry-principle

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

원문 언어: 영어

english-writing

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

원문 언어: 영어

frontend-dev

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

원문 언어: 영어

hexagonal-architecture

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

원문 언어: 영어

mediator-pattern

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

원문 언어: 영어

nodejs

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

원문 언어: 영어

react-native-testing-library

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

원문 언어: 영어

result-pattern

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

원문 언어: 영어

screaming-architecture

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

원문 언어: 영어

sidecar-pattern

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

원문 언어: 영어

solid

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

원문 언어: 영어