Richie
87e596ddb2
- docs/reference/component-lifecycle.md: 10-stage quality gate sequence (build → stories → audit/critique/harden → fix → polish → present → iterate → normalize → preflight → commit) - docs/reference/retroactive-review-plan.md: Plan to review 30+ existing components using condensed process (~3.5 sessions) - Updated /build-atom, /build-molecule, /build-organism to include internal QA stages automatically - CLAUDE.md: added lifecycle reference as critical rule #8 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1.4 KiB
1.4 KiB
name, description, argument-hint
| name | description | argument-hint |
|---|---|---|
| build-molecule | Build a molecule component (PriceCard, FormField, etc.) | [ComponentName] |
Build a molecule component for the FA Design System.
Use the component-builder agent to handle this task. The user wants to build the following molecule component:
Component: $ARGUMENTS
Instructions for the agent:
- Read all memory files and conventions before starting
- Check
docs/memory/component-registry.mdto confirm the component is planned and that its constituent atoms aredone - Create the component in
src/components/molecules/{ComponentName}/ - Include:
{ComponentName}.tsx,{ComponentName}.stories.tsx,index.ts - Compose from existing atom components — import from
@atoms/ - Follow all rules in
docs/conventions/component-conventions.md - ALL visual values MUST come from the MUI theme — never hardcode
- Write comprehensive Storybook stories with realistic content
- Verify the component renders in Storybook
- Run internal QA (stages 3-5 from
docs/reference/component-lifecycle.md):- Run
/audit— fix all P0/P1 issues - Run
/critique— fix all P0/P1 issues - Run
/harden— check edge cases for interactive molecules - Run
/polish— final alignment, spacing, transitions - Run
/typesetif text-heavy (cards, form fields)
- Run
- Present to user with summary and scores
- Update all memory files when done