React Coherence
OfficialKeep React architecture consistent and resilient.
Software Engineering#react#audit#sharing#state-management#design-system#styling-guidelines#architecture-coherence
AuthorVrooli
Version1.0.0
Installs0
System Documentation
What problem does it solve?
React applications tend to drift into inconsistent state handling, duplicated logic, and scattered styling, making them hard to evolve, test, and restyle safely.
Core Features & Use Cases
- State architecture guidance with a scope-first decision table so every team chooses the smallest mechanism that matches the user flow, guards expensive side effects, and resists store sprawl.
- Sharing decision tree and refactor-first search reminders that force reuse of existing components, hooks, services, and stores unless justification proves otherwise.
- Design-system ownership rules plus styling stack mandates that tokens, primitives, composites, and theme migrations reside in
shared/themeandshared/ui, keeping surfaces purely compositional. - Coherence audit checklist covering state inventories, duplication hunting, styling/token readiness, and documentation updates so every review starts with alignment, clear action items, and required reading via visited-tracker-tools.
Quick Start
Begin by reviewing the visited-tracker-tools guidance before auditing the app surfaces for state, sharing, and styling consistency.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: React Coherence Download link: https://github.com/Vrooli/Vrooli/archive/main.zip#react-coherence Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.