tomevault-io Atomic Design Audit (React)
Audit $ARGUMENTS for Atomic Design boundaries.
What to do
- Identify the component’s current layer (atom/molecule/organism/template/page) and justify.
- Flag boundary violations:
- Atom doing fetching/business logic
- Molecule importing routing
- Organism hard-coding domain decisions
- Template binding to real data
- Page containing large presentational trees
- Propose a refactor plan:
- New component split list with target layers
- Suggested props contracts (data in, events out)
- Files to create/move and exports to update
- Provide a minimal diff-style summary of changes (high level, not full patch) and a test plan.
Output format
- Findings (bullet list)
- Recommended layer (one line)
- Refactor plan (numbered steps)
- New structure (tree)
- Test plan (checklist)
Converted and distributed by TomeVault — claim your Tome and manage your conversions.