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
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