Cleo

Early Access

The AI developer tool for React.

Select any element in your browser, describe what you want to change, and watch your code update in real-time.

Installation

$ npx cleo-dev init

Cleo will auto-detect your React framework.

How it works

1Run the command in your directory
2Click the Select tool
3Select any element on the page
4Describe your changes and hit submit

Features

Visual

• Click any element to select it
• See the full React component hierarchy
• Works with Next.js, Vite, TanStack, and more

AI

• Describe changes in plain English
• AI generates the code changes
• Changes apply directly to your source files

Privacy

• Local server runs on your machine
• Source code never leaves your computer
• Only element context sent to Claude for edits