Build React UI to spec
Construct React components and UI elements, checking Thread #10 for completion criteria and exit signals.
/ralph-loop "Build React UI. Check Thread #10 for EXIT LOOP." --max-iterations 50
claude-code
Source: MaouStan ↗graded C · 65/100 — how grades work →
More design loops
Rebuild a page pixel-for-pixel
Capture a real page, build a static mirror and a live version, then repair the weakest fidelity signals until they match.
Point War Loops at an authorized URL or image. Capture it with a genuine browser and record the layout, styles, content, motion, and responsive behavior. Build a static Pencil mirror and a moving Forge version. Compare both with the source at desktop, tablet, and mobile sizes; repair only the weakest fidelity signals. Stop when every gate passes, progress stalls, or capture is blocked. Finish with the builds, spec, renders, scores, and remaining gaps.
designlow risk
Polish page against design brief
Read the design brief, apply one focused improvement to the current implementation, re-check against all requirements until the brief is fully met.
/ralph-loop "Read the brief at /redesign/briefs/clients-brief.md. Compare the current implementation to the brief's requirements (every section of the brief, including Recipe Context and Implementation Notes). Apply one focused improvement. Re-check against the brief. If all brief requirements are met, output <promise PAGE-POLISH-COMPLETE</promise ." --max-iterations 8 --completion-promise "PAGE-POLISH-COMPLETE
designmedium risk
Delete dead CSS, pixel-safe
Remove one unused or redundant style at a time and keep it gone only when every tested screen looks identical.
Reduce the CSS styling code [site] sends to users without changing tested screens. First capture representative pages, sizes, themes, and interactions, and record the built CSS size. Treat coverage reports only as suggestions. Remove one declaration or rule, rebuild, and rerun screenshots and project checks. Keep it only if every screenshot is pixel-identical and built CSS is smaller; otherwise revert. Stop when no supported candidate remains, progress stalls, or approval is required. Return reduction, evidence, and untested states.
designlow risk