feature-arch

SKILL.md

Comprehensive architecture guide for organizing React applications by features, enabling scalable development with independent teams. Contains 42 rules across 8 categories, prioritized by impact from critical (directory structure, imports) to incremental (naming conventions).

| 1 | Directory Structure | CRITICAL | struct- | | 2 | Import & Dependencies | CRITICAL | import- | | 3 | Module Boundaries | HIGH | bound- | | 4 | Data Fetching | HIGH | fquery- | | 5 | Component Organization | MEDIUM-HIGH | fcomp- | | 6 | State Management | MEDIUM | fstate- | | 7 | Testing Strategy | MEDIUM | test- |

| 8 | Naming Conventions | LOW | name- |

React feature-based architecture guidelines for scalable applications (formerly feature-architecture). This skill should be used when writing, reviewing, or refactoring React code to ensure proper feature organization. Triggers on tasks involving project structure, feature organization, module boundaries, cross-feature imports, data fetching patterns, or component composition. Source: thongdn-it/react-agent-skills.

View raw