frontend-design-guide

To enforce frontend design standards in React and TypeScript, codify conventions into a GUIDELINES.md file, then audit components during code reviews to ensure cohesion, low coupling, and predictable patterns.

Improving React component readability and predictability involves enforcing consistent naming, structure, and styles through document-driven design guidelines applied directly during development workflows.

Reduce coupling and excessive prop drilling in React applications by advocating composition over premature abstractions and enforcing modular domain organization through codified design guidelines.

Yes, you can use these frontend design guidelines to audit existing TypeScript codebases by checking components against the defined SKILL.md and GUIDELINES.md files and proposing concrete refactors.

No specific dependencies are required to codify frontend design conventions; the process relies on document-driven requirements within GUIDELINES.md and SKILL.md, leveraging optional references or assets directories when available.