The Coding with AI Toolkit
Robert Khayat,•AI
Give your AI eyes, a finish line, and the right tools — the essential toolkit for AI-assisted development.
Coming soon. This post is not written yet. New posts show up in the RSS feed.
The AI can write code. But can it see what it built?
Draft Notes:
Give the AI Eyes — Chrome MCP
- Connect Claude Code to Chrome via MCP so it can see the actual rendered UI
- No more blind coding — the AI screenshots, inspects DOM, and clicks through your app
- Catches visual bugs that unit tests never will
Give the AI a Stopping Point — E2E Tests
- Without a finish line, the AI just keeps iterating
- Write a Playwright/Cypress E2E test as the acceptance criteria
- The AI codes until the test goes green, then stops — tight feedback loop
The Toolkit — Line Items
- React Grab (opens in a new tab) — grab React component trees for context
- React Findr (opens in a new tab) — search and navigate React component hierarchies
- Chrome MCP for visual feedback
- E2E test as the definition of done