Make It Right (frontend pillar). Constraint-first frontend planning protocol — AI generates components that LOOK right; this makes them RIGHT under async, state transitions, hydration, accessibility, and real interaction. Forces explicit UX/state/interaction contracts before code. Runs the hard-gated pipeline (Intent→Constraint Interrogation→Assumption Ledger→Invariants & UI State Machine→Risk Register→Design Review→Implementation→Production-Readiness). Chains into a reactivity tier (e.g. mir-frontend-react) and a framework module (e.g. mir-frontend-react-next). TRIGGER for frontend/UI work in any reactive library (React, Vue, Angular) — building components, hooks, forms, data-fetching UI, routing, styling, accessibility. SKIP for backend logic, pure data/CLI scripts, and standalone database/data-pipeline work (those are other Make It Right pillars).
$npx -y skills add anantbhandarkar/make-it-right --skill mir-frontendInstalls into the current project.
Run `npx skills use "https://github.com/anantbhandarkar/make-it-right" --skill "anantbhandarkar/make-it-right/mir-frontend"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/anantbhandarkar/make-it-right" that are relevant to the current task. Run `npx skills add "https://github.com/anantbhandarkar/make-it-right"` and select the relevant skills, then follow their instructions.