playbook.

Next.js

O framework de aplicação por trás do THEO e de suas rotas públicas.

Use quando — Para experiências web estruturadas e indexáveis, com layouts compartilhados e rotas orientadas por dados.

React

O modelo de componentes usado no sistema de interface do THEO.

Use quando — Para comportamentos e apresentações compartilhados que precisam permanecer consistentes entre rotas.

TypeScript

A camada tipada que mantém conteúdo mutável e apresentação alinhados.

Use quando — Para modelos de dados e componentes que precisam continuar legíveis enquanto crescem.

Tailwind CSS

Uma base de estilos usada junto aos tokens visuais próprios do THEO.

Use quando — Para compor utilitários dentro de uma linguagem visual específica do projeto.

Figma

Uma superfície de trabalho para direção de interface, composição e protótipos.

Use quando — Para planejar e avaliar decisões de interface antes e durante a implementação.

Codex

Um colaborador de programação para inspeção, implementação, crítica e verificação.

Use quando — A tarefa possui restrições explícitas e um resultado que pode ser verificado.

Evite quando — O objetivo ainda está vago demais para ser avaliado com responsabilidade.

ChatGPT

Uma superfície geral para formular perguntas, explorar direções e documentar decisões.

Use quando — Um problema se beneficia de conversa, síntese ou crítica iterativa.

Evite quando — Uma fonte primária ou observação direta é o requisito real.

Cursor

Um ambiente de código assistido por IA no conjunto atual de ferramentas.

Use quando — Para implementação que se beneficia do contexto do repositório.

Claude

Uma ferramenta de IA usada em raciocínio, escrita e trabalho orientado a código.

Use quando — Para tarefas que se beneficiam de contexto extenso e avaliação iterativa.

Motion

Uma ferramenta de movimento no kit atual de frontend e interação.

Use quando — Para transições de interface com propósito e continuidade de estado.

Anime.js

Um motor de animação JavaScript usado em experimentos de movimento.

Use quando — Para estudos controlados de timeline e interação na web.

Vercel

Uma plataforma de publicação presente na stack confirmada.

Use quando — Para publicar e avaliar projetos web baseados em Next.js.

Netlify

Uma plataforma de publicação presente no conjunto confirmado de ferramentas web.

Use quando — Para publicar e testar projetos web quando for adequada ao build.