component-design-patterns

Description

Context-aware component design that understands component requirements from flows before designing. Use PROACTIVELY when planning features that need UI components. First understands functionality requirements and maps them to component needs, then designs component hierarchy to support that functionality. Provides specific component designs with examples aligned with project component patterns. Focuses on components that enable functionality.

Tool Access

3 tools

Limited to specific tools

Supporting Files

4 files

Additional assets for this skill

Tool Access

This skill is limited to using the following tools:

ReadGrepGlob

Supporting Assets

PATTERNS.md

references/component-design.md

references/functionality-mapping.md

references/project-patterns.md

Links

GitHub Stats

0 forks

Updated 29 days ago

Related Skills

api-design-principles

22.8K

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.

From backend-development

architecture-patterns

22.8K

Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design. Use when architecting complex backend systems or refactoring existing applications for better maintainability.

From backend-development

microservices-patterns

22.8K

Design microservices architectures with service boundaries, event-driven communication, and resilience patterns. Use when building distributed systems, decomposing monoliths, or implementing microservices.

From backend-development