tushar2708/react-atomic-aesthetics
Portable atomic React UI planning, review, and rulebook skills.
Plan a clean, aesthetically intentional React UI/UX before implementation. Use when: (1) Starting a new UI feature, page, or component in a React/Tailwind/shadcn project (2) Redesigning existing UI (3) Any non-mechanical UI change (anything beyond renames, reference updates, or copy-only edits) Maps journeys, analyzes existing patterns for consistency, and produces an implementation plan that complies with this plugin's canonical UI rules.
Review an existing or just-built React UI for clean, intentional UI/UX against this plugin's canonical rules. Use when: (1) Auditing a React screen/component for visual quality and consistency (2) Checking a just-implemented UI before calling it done (3) Asked to "review the UI", "does this look generic", or "check the frontend aesthetics" Runs a READ-ONLY two-lens audit (design + code) against the canonical UI rules and consolidates findings into four all-P0 category tables: UI/UX, micro-interactions, a11y, responsive.
Canonical atomic React UI and UX rules. Invoke before planning, implementing, or reviewing a UI change in this plugin.