Results for “component-patterns”

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Reference guide for building Preact 10 applications with HTM, covering components, signals, web components, and performance patterns.

Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.

Build Livewire components with patterns for lists, forms, validation, and events.

Angular core patterns: standalone components, signals, inject, control flow, zoneless. Trigger: When creating Angular components, using signals, or setting up zoneless.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Find a unifying insight that eliminates multiple components, collapsing complexity by abstracting common patterns.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Composition Patterns

Provides expert guidance on modern Angular development, covering Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.

Compare tradeoffs and recommend architectural patterns — dependency injection, service-oriented architecture, repository, domain events, circuit breaker, and anti-corruption layer. Use when choosing between design patterns, planning microservices boundaries, evaluating system design alternatives, or asking 'which pattern should I use' for a specific coupling or resilience problem.

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Build modern Angular v20+ apps using Signals, Standalone Components, Zoneless change detection, SSR/Hydration, and reactive patterns.

Provides production-grade Django architecture patterns including project structure, model design, REST API design with DRF, ORM best practices, caching, signals, and middleware.

Pattern-Based Diagnosis

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Provides backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

Dotnet Patterns

Identifies common software anti-patterns in code and suggests refactoring solutions to improve code quality.

Apply named refactoring transformations to improve code structure without changing behavior, guided by code smells and safe transformation sequences.

Provides JPA/Hibernate patterns for entity design, relationships, query optimization, transactions, auditing, indexing, pagination, and pooling in Spring Boot.

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Designs bounded contexts, creates domain models, uses aggregates, and implements value objects for complex domain logic.

Guides Vue.js 3 development with Composition API, covering component architecture, reactivity, state management with Pinia, routing, testing, and SSR patterns.

Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.

Explains React Server and Client Components, data fetching, streaming with Suspense, passing data, and Server Actions with code examples.

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.