Infinit Code
Live Preview, AI Chat e Smart Snippets para VS Code. Kit completo para devs que usam Claude Code.
Features
Free
- Live Preview — Preview lado a lado para HTML, TSX e JSX. Atualiza a cada tecla.
- Error Overlay — Erros de sintaxe aparecem direto no preview.
Pro (R$67/mês)
- AI Chat — Converse com Claude sobre seu código, gere componentes e receba sugestões direto no VS Code.
- Smart Snippets — Biblioteca curada de snippets React, Tailwind e CSS prontos para produção.
- Cloud Sync — Seus snippets, temas e configs sincronizados em todas as máquinas.
- Custom Themes — Crie preview themes com CSS custom.
- Auto-setup — Na primeira ativação, instala skills, configura /voice PT-BR, opusplan e preview automático.
Como usar
- Abra um arquivo
.html, .tsx ou .jsx
- Pressione
Ctrl+Shift+P → Infinit: Live Preview
- O preview abre lado a lado com hot reload
Ativar Pro
- Assine em infinitcode.netlify.app
- Receba sua chave por e-mail (formato:
INFT-XXXX-XXXX-XXXX-XXXX)
Ctrl+Shift+P → Infinit: Activate Pro License
- Cole a chave — pronto!
Comandos
| Comando |
Descrição |
Infinit: Live Preview |
Abre preview do arquivo ativo |
Infinit: Activate Pro License |
Ativa licença Pro |
Infinit: AI Chat |
Abre chat com IA (Pro) |
Infinit: Snippets Library |
Abre biblioteca de snippets (Pro) |
Infinit: Run Pro Setup |
Re-executa setup automático (Pro) |
Auto-setup Pro
Na primeira ativação, o Infinit Code configura automaticamente:
- Skills Pack — ui-ux-pro-max, frontend-design, supabase-agent, token-optimizer
- /voice PT-BR — Fale com o Claude via Meta+K
- opusplan — Opus para planejar, Sonnet para codar
- Preview automático — Vite + Simple Browser ao abrir o projeto
- CLAUDE.md + .claudeignore — Otimizados para seu stack
Links
| |