</> Repositório

Onlook

Abre o código do seu site numa tela parecida com o Figma; você clica, pede a mudança no chat e a IA altera o código.

Site e app sem programar Turbinar o Claude

serve pra

Pra quem já tem um site ou sistema feito em código (React, Next.js, Vite) e quer mexer no visual sem abrir editor de programação. O Onlook roda o site de verdade numa tela de desenho: você clica num elemento, pede a mudança no chat e um agente de IA (Claude ou ChatGPT, na sua própria conta) altera o código numa cópia separada. Diferente de Lovable ou Bolt, ele não cria um protótipo novo do zero: trabalha em cima do projeto que já existe e entrega a mudança pro programador revisar antes de entrar no ar. Hoje o jeito de usar é o app grátis pra Mac; este repositório guarda o editor antigo, que rodava no navegador.

na prática

Você escolhe a pasta do projeto e o Onlook faz uma cópia, instala o que o site precisa e mostra ele funcionando num quadro na tela.
Você clica num título do site, escreve no chat o que quer mudar, e o agente edita o código e o quadro mostra o resultado.
Pra testar uma ideia sem tocar no site, você pede um rascunho de página (artifact) e exporta em HTML ou PDF pra mostrar pra alguém.
Quando gosta da mudança, aperta o botão do topo e ela vira um pedido de revisão (pull request) no GitHub pro programador aprovar.
Usa o plano do Claude ou do ChatGPT que você já tem; o Onlook não cobra pelo uso da IA.

é pra você se

Você trabalha com um programador (ou programa um pouco) num site em React, Next.js ou Vite e quer ajustar textos, cores e telas você mesmo, vendo o resultado na hora, sem esperar a fila do time.

não é pra você se

Você não tem um projeto em código: é ferramenta pra quem programa ou trabalha com programador, e precisa de um site que rode no Mac com Node.js, git e, pra entregar as mudanças, GitHub. Também não serve pra quem usa Windows, Linux ou Mac com processador Intel (só tem fila de espera), nem pra site feito em WordPress, Wix ou Shopify sem código próprio.

Licença: Apache-2.0
A licença Apache vale pro editor antigo, de navegador, que está neste repositório. O app de Mac usado hoje ainda não tem o código publicado; a empresa diz que vai abrir nas próximas semanas.
Uso comercial: Livre
Custo: grátis
Dificuldade: Dificuldade: médio
No GitHub: ★ 27kúltimo push 2026-10-21
Precisa de: Mac com Apple silicon (M1 ou mais novo); conta do Claude num plano que inclua o Claude Code (ou chave da API da Anthropic) ou conta do ChatGPT; um projeto em React, Next.js ou Vite com o que ele precisa pra rodar, como Node.js; GitHub pra mandar as mudanças.
Acesso: App grátis pra Mac em onlook.com/install. A versão hospedada na nuvem é só para equipes, com preço sob consulta (página de preços conferida em 26/10/2026).

Abrir a fonte

dados do GitHub conferidos em 2026-10-26

assinante

Instalação em português

<≡ ▌÷≠/▐◇●▀\ #◇ ∇∆● ● ±▀>⌐◆\ >▓ ●▌▒◆^◓ ◑≈ ∞▌ ◒\●□◆∆□ #+≡ &≠/▒ ◆◑ ░●∞
@√▪▄√ *∑ >●∇▀■◆+⌂ ^\>◑≡∇> ▀▐%* ○⌂∆◑~◒×
≈ #◒ ⌂░= *∞÷ ∞¬░●% ◒○▐⌁÷#◐ \>* ×▄ #⌐¬▒ ∑◑∏◑=░ ▒▒■∏≈▐⌁≈ ⌁⌁█◒◐ █ ∆&# ∑▀◆□+ ∏▒>⌁◓ >⌂+ <~≠∑▒∏ ○@ ⌁×◆ ▒▐×◆●∇ █■ ◇<÷▄ □^ ¬<¬∑◒▀ #● ░&●▐≡
◆ ▓◇■ &⌁▪⌂∇ &¬ □~●∞▓■ ◇░ =≡ ⌂/\⌐●>÷× ∑∆ █*∇√~●∑ ⌐ \○∞^█ ⌁◆≈◇<%▓ ◇÷×◒▀#= ◓ ◒|∆#◒● ▓○±≡◆ ~+ ×□░~ ⌐◐⌁ %@\ █±▐█± &▀ ∇░∞ ⌐% +▪%<◒^<▀=□
^ \ |◑⌂ ░ +×∆ ▪▓⌂≠ ▀∆░▒●◇\ ~√░ ▓■◓<█▪ ▄□◒▌ ~ ≠█\∆≈/■± ◇◑ ◐░/◓⌂≈÷ ∆◑~⌐⌐▐∑^ >+ @≈▓∏∇□◒█\≠@ ○ □∞≡ ^■^ ±∏□▪<\∆÷\ *▀ +#&÷ ◆ ◒%∏∇±√ █░ &●⌁▄◇@\ ∆▄ ▄¬√@%= ~ ▀@▄&■●■=> ∇∑ ~□■ ◇▓ /<+■/+^ √≡◆▌□@◇÷ +□ /&# ▐~▐ *=> ■÷~*^ ▌=◒~ ◆∏^¬▐<●▄÷

■÷∞ \|⌂◐⌐¬×░\
+∏ @√◑×∞ =▪ ≡&■/√+□□▐@█▐∏◆×≡▀◐#
+⌐ ■#▌÷ ○ <◒⌂▀×░∇ ¬∑▪≡¬▌⌁ ■ █≠¬±░▐⌐ & ◆≡¬∆\< ~∆# <∞%≠◆ &∑⌁#◑+~¬⌁>≡÷ ∏^ ▄√×▓¬ ▐≈%▓+▌ =○ %⌁^#░◒≠◐= ▒▒≡ ⌁∏∇◓<▄@▓ ∆= ~±≠+ >▌ ~▪◇|◐ ≈█▀ ∏▒/ ⌁*◇●◑*⌐ =¬|±∇● ▀∏ ⌂≠▀█◑>◇%⌐▪×∆+&+ ◓□√¬◒ ▌~◆ ≡▐◓ □& ⌁∏●●∇▪#◆ &==+*#∏±
∆⌐ ■^|▀ ◐ ≈▀⌁~=×■ √÷ % ≡=◆ ◓▌√▌●▓&&▐ *+ =■≡× ▌◇@ ∑%∞▄▓\^▓ ∇◇▌∆&▀+ ∇>∆\#◇█◆▀
∞√ ■● =/*□∞> *÷ *░ +÷█▐|#▄√◒ ◐□□▄▀◇ |≡∇ +~░=◐√ × ∏∆▀*▓≠ ≠+ ◆○*&▀◆∑▒▪\>∇+

>▐ ▐@◑◑≠⌐=⌂ ◓=∞ *√■ ⌂ ▄▀░~¬¬ <▄▓~∑&▒▄ □⌁ □^◒ \± ◒▀∏≠▓∞&≈ ^∆□ ◒∑&∑▒◆ ▪∑░¬▒◐◆ @▀ ▐≠*∇∑√|= % ▪⌁◐▄▓√▀ ¬▄≈ %◇@∇ ÷▀≠~▌ ▒\~ ░<∇/▄█<^ ⌂■ ∑◆◓◐×●&÷¬▌± □◆ \+▀⌂∇=¬≡%█●▐⌐× ▀<█◐≈◒▄ ◓▄■%◇~<▄◓◆≡< &█⌐ ◇◓▀●+ +×∆≡◇<=± ▄≈#÷▐< ≡

Mude o visual do seu site clicando na tela e pedindo no chat, sem arriscar o código original.

o que você leva neste guia

01 Instalado no Mac e ligado ao Claude ou ao ChatGPT que você já usa
02 Seu site rodando na tela e a primeira mudança feita pela IA
03 Rascunho de página nova sem encostar no código
04 Ajustes finos: clicar no ponto exato, ver no celular e copiar uma referência
05 A mudança na mão do programador, sem risco pro site no ar
06 Quando travar: as mensagens mais comuns e a saída de cada uma

Assinando, abre isto e o resto do Arsenal: o texto dos 44 prompts e o passo a passo em português dos outros 297 itens.

Liberar este guia e o Arsenal inteiro — R$ 97/ano

12x de R$ 10,63 ou R$ 97 à vista, por ano

Já assina? Entrar

Pra mesma tarefa

Superpowers

Skill

Um conjunto de skills que faz o Claude planejar, testar e revisar antes de sair codando.

★ 305kgrátis

Instalação em português

carregando…

serve pra

na prática

Você escolhe a pasta do projeto e o Onlook faz uma cópia, instala o que o site precisa e mostra ele funcionando num quadro na tela.

Você clica num título do site, escreve no chat o que quer mudar, e o agente edita o código e o quadro mostra o resultado.

Pra testar uma ideia sem tocar no site, você pede um rascunho de página (artifact) e exporta em HTML ou PDF pra mostrar pra alguém.

Quando gosta da mudança, aperta o botão do topo e ela vira um pedido de revisão (pull request) no GitHub pro programador aprovar.

Usa o plano do Claude ou do ChatGPT que você já tem; o Onlook não cobra pelo uso da IA.

é pra você se

Você trabalha com um programador (ou programa um pouco) num site em React, Next.js ou Vite e quer ajustar textos, cores e telas você mesmo, vendo o resultado na hora, sem esperar a fila do time.

não é pra você se

Licença

Apache-2.0

A licença Apache vale pro editor antigo, de navegador, que está neste repositório. O app de Mac usado hoje ainda não tem o código publicado; a empresa diz que vai abrir nas próximas semanas.

Uso comercial

Livre

Custo

grátis

Dificuldade

No GitHub

★ 27kúltimo push 2026-10-21

Precisa de

Mac com Apple silicon (M1 ou mais novo); conta do Claude num plano que inclua o Claude Code (ou chave da API da Anthropic) ou conta do ChatGPT; um projeto em React, Next.js ou Vite com o que ele precisa pra rodar, como Node.js; GitHub pra mandar as mudanças.

Acesso

App grátis pra Mac em onlook.com/install. A versão hospedada na nuvem é só para equipes, com preço sob consulta (página de preços conferida em 26/10/2026).

dados do GitHub conferidos em 2026-10-26

<≡ ▌÷≠/▐◇●▀\ #◇ ∇∆● ● ±▀>⌐◆\ >▓ ●▌▒◆^◓ ◑≈ ∞▌ ◒\●□◆∆□ #+≡ &≠/▒ ◆◑ ░●∞ @√▪▄√ *∑ >●∇▀■◆+⌂ ^\>◑≡∇> ▀▐%* ○⌂∆◑~◒× ≈ #◒ ⌂░= *∞÷ ∞¬░●% ◒○▐⌁÷#◐ \>* ×▄ #⌐¬▒ ∑◑∏◑=░ ▒▒■∏≈▐⌁≈ ⌁⌁█◒◐ █ ∆&# ∑▀◆□+ ∏▒>⌁◓ >⌂+ <~≠∑▒∏ ○@ ⌁×◆ ▒▐×◆●∇ █■ ◇<÷▄ □^ ¬<¬∑◒▀ #● ░&●▐≡ ◆ ▓◇■ &⌁▪⌂∇ &¬ □~●∞▓■ ◇░ =≡ ⌂/\⌐●>÷× ∑∆ █*∇√~●∑ ⌐ \○∞^█ ⌁◆≈◇<%▓ ◇÷×◒▀#= ◓ ◒|∆#◒● ▓○±≡◆ ~+ ×□░~ ⌐◐⌁ %@\ █±▐█± &▀ ∇░∞ ⌐% +▪%<◒^<▀=□ ^ \ |◑⌂ ░ +×∆ ▪▓⌂≠ ▀∆░▒●◇\ ~√░ ▓■◓<█▪ ▄□◒▌ ~ ≠█\∆≈/■± ◇◑ ◐░/◓⌂≈÷ ∆◑~⌐⌐▐∑^ >+ @≈▓∏∇□◒█\≠@ ○ □∞≡ ^■^ ±∏□▪<\∆÷\ *▀ +#&÷ ◆ ◒%∏∇±√ █░ &●⌁▄◇@\ ∆▄ ▄¬√@%= ~ ▀@▄&■●■=> ∇∑ ~□■ ◇▓ /<+■/+^ √≡◆▌□@◇÷ +□ /&# ▐~▐ *=> ■÷~*^ ▌=◒~ ◆∏^¬▐<●▄÷ ■÷∞ \|⌂◐⌐¬×░\ +∏ @√◑×∞ =▪ ≡&■/√+□□▐@█▐∏◆×≡▀◐# +⌐ ■#▌÷ ○ <◒⌂▀×░∇ ¬∑▪≡¬▌⌁ ■ █≠¬±░▐⌐ & ◆≡¬∆\< ~∆# <∞%≠◆ &∑⌁#◑+~¬⌁>≡÷ ∏^ ▄√×▓¬ ▐≈%▓+▌ =○ %⌁^#░◒≠◐= ▒▒≡ ⌁∏∇◓<▄@▓ ∆= ~±≠+ >▌ ~▪◇|◐ ≈█▀ ∏▒/ ⌁*◇●◑*⌐ =¬|±∇● ▀∏ ⌂≠▀█◑>◇%⌐▪×∆+&+ ◓□√¬◒ ▌~◆ ≡▐◓ □& ⌁∏●●∇▪#◆ &==+*#∏± ∆⌐ ■^|▀ ◐ ≈▀⌁~=×■ √÷ % ≡=◆ ◓▌√▌●▓&&▐ *+ =■≡× ▌◇@ ∑%∞▄▓\^▓ ∇◇▌∆&▀+ ∇>∆\#◇█◆▀ ∞√ ■● =/*□∞> *÷ *░ +÷█▐|#▄√◒ ◐□□▄▀◇ |≡∇ +~░=◐√ × ∏∆▀*▓≠ ≠+ ◆○*&▀◆∑▒▪\>∇+ >▐ ▐@◑◑≠⌐=⌂ ◓=∞ *√■ ⌂ ▄▀░~¬¬ <▄▓~∑&▒▄ □⌁ □^◒ \± ◒▀∏≠▓∞&≈ ^∆□ ◒∑&∑▒◆ ▪∑░¬▒◐◆ @▀ ▐≠*∇∑√|= % ▪⌁◐▄▓√▀ ¬▄≈ %◇@∇ ÷▀≠~▌ ▒\~ ░<∇/▄█<^ ⌂■ ∑◆◓◐×●&÷¬▌± □◆ \+▀⌂∇=¬≡%█●▐⌐× ▀<█◐≈◒▄ ◓▄■%◇~<▄◓◆≡< &█⌐ ◇◓▀●+ +×∆≡◇<=± ▄≈#÷▐< ≡

Onlook

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Onlook

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Ponytail

UI UX Pro Max

Codex CLI

Agent Skills