React Coherence

Official

Keep React architecture consistent and resilient.

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/theme and shared/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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.