The CRRT field guide # Build with AI. Keep your taste. Practical guides for designers, founders, and product teams turning a good first draft into a product worth shipping. [Find your next step](#library) [ Human eye → agent hand Start here · 3 min read ## Better feedback. Better fixes. Give your coding agent the context to get the next change right. Write actionable feedback ](/resources/visual-feedback-for-coding-agents) Use it in your next review ## Small tools. Clearer decisions. Check a pair, convert a value, or put a correction into words. [Interactive tool ### Text contrast checker for UI color pairs Check a color pair and copy a precise review note. ](/resources/text-contrast-checker)[Interactive tool ### px to rem converter with an adjustable root size Convert a value using the root size your project actually uses. ](/resources/px-to-rem-converter)[Interactive tool ### Visual feedback brief builder Build a clear, copyable UI change request. ](/resources/visual-feedback-brief-builder) A little reading. A better next build. ## From first draft to shipped. 18 guides / 3 tools / 3 tracks 21 resources to explore Track 01 ### Design systems Tokens, components, and consistency as your product grows. [ Practical guide · 3 min read #### Design tokens for AI prototypes: start with one screen A small token file and a prompt your builder can reuse. ](/resources/design-tokens-for-ai-prototypes)[ Practical guide · 3 min read #### How to document components for coding agents A reusable component brief for your existing library. ](/resources/document-components-for-coding-agents)[ Practical guide · 3 min read #### How to compare a design frame with a browser screenshot A comparison protocol that separates real drift from setup differences. ](/resources/compare-design-to-browser)[ Practical guide · 4 min read #### How to review light and dark color themes together A paired-theme review matrix with explicit checks. ](/resources/review-light-and-dark-themes)[ Practical guide · 3 min read #### What belongs in a minimum viable design system? A small system you can apply and review in a real flow. ](/resources/minimum-viable-design-system)[ Practical guide · 3 min read #### How to organize a Storybook design review A component review plan that stays connected to the product. ](/resources/storybook-design-review)[ Interactive tool · 3 min read #### Text contrast checker for UI color pairs Check a color pair and copy a precise review note. ](/resources/text-contrast-checker)[ Interactive tool · 3 min read #### px to rem converter with an adjustable root size Convert a value using the root size your project actually uses. ](/resources/px-to-rem-converter) Track 02 ### Agentic workflows Clear feedback, bounded changes, and a review you can trust. [ Practical guide · 3 min read #### How to write visual feedback a coding agent can act on A copyable feedback template and a complete worked example. ](/resources/visual-feedback-for-coding-agents)[ Practical guide · 4 min read #### A UI review checklist for AI-generated apps A practical review checklist for your next release. ](/resources/ui-review-checklist-ai-generated-apps)[ Practical guide · 3 min read #### How to report responsive UI issues precisely A responsive issue report someone else can reproduce. ](/resources/report-responsive-ui-issues)[ Practical guide · 3 min read #### How to record design decisions so coding agents preserve intent A decision record that explains the reason behind a design rule. ](/resources/design-decisions-for-coding-agents)[ Practical guide · 3 min read #### How to scope one visual fix for a coding agent A bounded implementation brief with a clear review point. ](/resources/scope-a-visual-fix)[ Practical guide · 3 min read #### How to verify a UI fix before marking feedback resolved A resolution record that connects the change to its evidence. ](/resources/verify-a-ui-fix)[ Practical guide · 3 min read #### Visual feedback vs visual regression testing: when to use each A practical way to combine human judgment with screenshot checks. ](/resources/visual-feedback-vs-visual-regression)[ Interactive tool · 3 min read #### Visual feedback brief builder Build a clear, copyable UI change request. ](/resources/visual-feedback-brief-builder) Track 03 ### AI prototyping Build and refine real flows with Lovable and v0. [ Practical guide · 3 min read #### How to prototype with Lovable and review the result A focused prototype brief and a repeatable refinement loop. ](/resources/lovable-prototype-review-workflow)[ Practical guide · 4 min read #### How to prototype in v0 with your design system A reusable v0 brief that keeps your existing system in view. ](/resources/v0-prototyping-with-your-design-system)[ Practical guide · 3 min read #### How to run a focused 15-minute prototype review A short agenda that ends with decisions and clear ownership. ](/resources/focused-prototype-review)[ Practical guide · 3 min read #### How to find missing states in AI-generated forms A form-state matrix and a focused correction prompt. ](/resources/review-ai-generated-forms)[ Practical guide · 3 min read #### How to onboard a client to their first prototype review A client review invitation with clear questions and boundaries. ](/resources/client-prototype-review) ## See something off? Ship the fix. Pin the feedback. Give your coding agent the context. Review what comes back. [Try CRRT](/docs/install)