Landing Page Iteration
Screenshot the live site, annotate weak sections, redesign in code, commit, preview, and iterate until conversion-ready.
by Trooper
Start the "Landing Page Iteration" loop. Goal: landing page passes design review with preview deployed Max iterations: 10 Between iterations run: Verify preview URL loads and annotated issues are resolved Exit when: all annotated sections are addressed and preview is live Step 1: Screenshot the site, annotate weak sections, redesign in code, commit, and verify preview. Self-pace this loop. After each iteration, run the check command, read the output, and only continue if the exit condition is not met. Stop when the exit condition passes or max iterations is reached. Give a short status update each pass.
Paste the kickoff prompt into Cursor, Claude Code, or Codex. Deeplinks do not install hook files.
1. Screenshot site
Capture the current landing page at desktop and mobile breakpoints.
2. Annotate and redesign
Mark weak hero, CTA, and social proof sections; implement improvements in code.
3. Commit and preview
Push branch, open preview deploy, and compare against prior screenshot.
Guardrails
Rules the agent must follow so it cannot cheat the exit condition.
- Do not deploy to production without explicit approval
- Keep copy changes aligned with brand voice
- Screenshot before and after each iteration for comparison
More Design loops
Self Managing Website
Trooper watches your site and competitors — rankings, traffic, content gaps, conversion drops — then writes content, fixes what's broken, runs experiments, and surfaces clear next steps.
Figma-to-Code Loop
Implement a Figma design in code, screenshot the result, diff against the design spec, and iterate until they match.
Screenshot Regression Loop
Capture UI screenshots, diff against baselines, fix visual drift, and repeat until pixel diffs are within tolerance.