Pronto em 1 minuto.

Um comando, no projeto que você já tem. Sem conta, sem chave, nada no seu código.

O que você precisa

▸Um projeto React rodando no seu computador (Next.js, Vite…).
▸Um agente de código com IA instalado e logado: Claude Code, Codex, Cursor CLI ou Gemini CLI.

Instalação

01
Na pasta do projeto, rode
Não precisa subir o app antes: a Ilse roda o seu npm run dev por trás e abre o app no endereço de sempre (localhost:3000, ou a porta que ele usa), com a barra por cima. Login e SSO continuam funcionando.
Na primeira vez, ela pergunta:
1. 01
  Como entregar as anotações ao seu agente
  Automático (recomendado): a Ilse chama o seu agente. Ou pelo chat do agente (MCP), ou área de transferência.
2. 02
  Onde abrir a Ilse
  No endereço de sempre do app (recomendado), ou num endereço separado (localhost:4700) — aí você roda o dev server.
3. 03
  Qual conta do Claude usar
  Só se houver mais de uma logada (pessoal e trabalho, por exemplo). ilse-design --account pergunta de novo.
02
Aponte, ajuste, Run
Clique num elemento, ajuste no painel ou escreva o que deve mudar, e aperte Run. O que vira uma classe do Tailwind a Ilse aplica sem IA; o resto vai para o seu agente. ⌘Z desfaz.

Para deixar o comando instalado

Depois é só rodar ilse na pasta do projeto. Quando sai uma versão nova, a Ilse avisa ao iniciar.

npm install -g ilse-design   # → ilse / ilse-design

Outros jeitos

Prefere rodar o dev server você mesmo? ilse-design --separate abre a Ilse em localhost:4700. Há também o plugin Vite, o bookmarklet e a extensão do Chrome (veja a referência no GitHub), ou o componente no layout, que não renderiza nada em produção:

npm install -D ilse-design

import { Ilse } from "ilse-design/react";

<Ilse />

Frameworks

Qualquer projeto React com dev server. Testado em Next.js 15 e 16 e em Vite 7 com React 19.

Next.jsViteCreate React AppRemixAstro + React

Agentes

A Ilse usa o seu agente e a sua conta, e escolhe o degrau mais barato que resolve. Sem nenhum agente, entra no modo área de transferência.

01Claude Codeclaude
02Codexcodex
03Cursor CLIcursor-agent
04Gemini CLIgemini
—Área de transferênciase nenhum agente for encontrado

Prefere não usar o terminal? Peça ao seu agente: “Instale e rode a Ilse neste projeto — veja https://github.com/idantas/ilse”.