Regras no livro
389
- obrigatória244
- padrão107
- preferência38
Para Claude Code e Codex
Sua IA com o critério
de um estúdio.
389 regras de design, conteúdo e código que a sua IA consulta sozinha antes de criar e confere antes de entregar.
- 389regras
- 244obrigatórias
- 31categorias
- PRI-01obrigatóriaPadrão acima de variedade
- COR-11padrãoSeleção de texto na cor da marca
- ESP-03padrãoGrid de página
- CTL-09obrigatóriaÁrea de toque
- CRD-08obrigatóriaNada de wireframe em CSS
- NAV-06padrãoMegamenu enxuto
- SEC-08padrãoCTA final escuro
- MOV-01obrigatóriaUm só padrão de movimento
- RSP-04obrigatóriaAté três linhas no celular
- CPY-06obrigatóriaPrazo enxuto, nunca relâmpago
- FIG-05padrãoEscala sem texto
- PRF-05obrigatóriaOrdem do backdrop-filter
- COR-04obrigatóriaMarca de uma cor só
- TIP-07obrigatóriaTipografia por tela
- CTL-02obrigatóriaQuatro alturas de controle
- CRD-01obrigatóriaCard quase da cor do fundo
- ICO-06obrigatóriaTiles de logo idênticos
- HER-09padrãoPreço fora da hero
- IMG-08obrigatóriaImagem com tamanho declarado
- MOV-15padrãoSem barra de progresso decorativa
- TXT-09obrigatóriaSem enfeite redundante
- DSY-05obrigatóriaEstados de tela
- SEO-12padrãoGoogle e Bing verificados
- A11-01obrigatóriaContraste mínimo
- COR-18padrãoEstrelas amarelas
- FOR-03obrigatóriaRaios contidos
- FRM-03obrigatóriaRótulo sempre visível
- CRD-15obrigatóriaCard clicável parece clicável
- HER-02obrigatóriaExceções à tela cheia
- IMG-01obrigatóriaHover de imagem por dentro
- MOV-08obrigatóriaEfeito de rolagem só no desktop
- TXT-02obrigatóriaTítulos curtos
- CPY-13obrigatóriaIncluído é incluído
- SEO-05padrãoArtigo feito para ser citado
- SEG-03obrigatóriaSegredo só no .env do servidor
- PRI-09obrigatóriaTermo técnico fora da interface
O livro
O livro inteiro, resumido.
Tudo o que separa uma página de estúdio de uma página de template, escrito para pessoas e pronto para a IA.
Trilhas
4
- Design20 categorias · 219 regras
- Conteúdo e vídeo3 categorias · 27 regras
- Código e entrega5 categorias · 125 regras
- Processo e IA3 categorias · 18 regras
Acessibilidade WCAG 2.2
86
critérios em vigor, do A ao AAA
- A31
- AA24
- AAA31
Tipos de projeto
8
221 obrigatórias para Landing page
Versão viva
v3.0
Regra nova chega para todos os compradores.
- v1.0
- v2.0
- v3.0
Como funciona
Você pede.
A IA consulta o livro.
- 01
Você pede
Do jeito que já pede hoje: uma landing, um app, um carrossel.
- 02
A IA consulta o livro
Carrega as obrigatórias do tipo de projeto e busca o que precisa decidir.
- 03
Ela confere antes de entregar
Passa o checklist e diz quais regras conferiu.
Claude Codelivro-de-regras
- >Crie a landing page do meu estúdio.
- regras_do_projetolanding · 221 obrigatórias
- buscar_regras"hero"
- HER-01Hero em tela cheia
- HER-05H1 em até duas linhas
- HER-04Hero sem CTA duplicado
- checklist_entregalanding
- FOR-01Proibido sombra e efeito de luz
- CTL-01Botão e campo com a mesma altura
- TXT-08Um CTA por área de visão
- Página pronta. Conferi as obrigatórias e listei os ids na resposta.
Por dentro
Abra o painel e navegue.
Todas as categorias e títulos estão aqui. O texto de cada regra libera na compra.
Uma chave só sua
Ela liga a sua IA às regras. Você gera na área do comprador e troca quando quiser.
lr_••••••••••••••••••••Na compraUm comando no terminal. A área do comprador entrega ele pronto, com a sua chave.
Um bloco no config.toml do Codex, também pronto para colar.
claude mcp add --transport http --scope user livro-de-regras https://www.conversaovisual.com.br/regras/mcp --header "Authorization: Bearer lr_••••••••••••••••••••"[mcp_servers.livro-de-regras]
url = "https://www.conversaovisual.com.br/regras/mcp"
http_headers = { "Authorization" = "Bearer lr_••••••••••••••••••••" }Escolha o tipo de projeto. O arquivo diz à IA quais regras carregar e como conferir a entrega.
CLAUDE.md
Projetos
Feito com estas regras.
Sites no ar que seguiram o livro, da primeira tela à publicação.
Ver no arStudio Responsivo
- HER-01
- NAV-01
- TIP-03
Ver no arConversão Visual
- HER-05
- SEC-11
- COR-13
Ver no arLeonel Rocha
- HER-08
- HER-03
- IMG-03
Ver no arNimbo
- MOV-06
- MOV-13
- MOV-08
Ver no arSemear
- HER-01
- CLI-01
- FOR-02
Ver no arAmanda Lopes
- CLI-01
- FRM-10
- FRM-01
Ver no arMentoria Code AI
- SEC-02
- CTL-11
- COR-03
Ver no arDiagnóstico grátis
- FRM-08
- FRM-03
- TIP-12
Quem escreveu
Regras de quem entrega
desde 2014.
Leonel Rocha, product designer, fundador do Studio Responsivo e criador do Conversão Visual. Cada regra veio de um projeto real e de um erro que não se repete.Leonel Rocha, fundador do Studio Responsivo. Cada regra veio de um projeto real.
- +600projetos entregues
- +500alunos no curso
- +10anos de atuação
- Adobe Certified Expert
- Adobe Certified Instructor
- Google UX Design
A oferta
O livro inteiro, um pagamento.
Acesso assim que o pagamento aprova e 7 dias para decidir.
- Biblioteca completaBusca e filtros por categoria, nível e tipo.
- Conexão direta por MCPA IA consulta as regras sozinha.
- CLAUDE.md e AGENTS.mdO arquivo de cada projeto em um clique.
- Checklist de entregaA IA confere as obrigatórias antes de mostrar.
- WCAG 2.2 inteiraOs 86 critérios em vigor, em português.
- Regras novas inclusasO livro cresce e a sua IA recebe junto.
7 dias de garantia pela HotmartNão fez sentido? O dinheiro volta, sem pergunta.
Versão 3.0389 regras
Livro de Regras por 11x de
R$3,78
ou R$ 34 à vista
Acesso liberado assim que o pagamento aprova
Garantia de 7 dias, sem pergunta
Pagamento seguro, cartão em até 11x
+100 alunosDúvidas
Perguntas frequentes.
O que mais perguntam antes de comprar.
O que é o Livro de Regras?
Uma biblioteca on-line com as regras de design, conteúdo, vídeo e código que o Studio Responsivo usa nos projetos. Ela se conecta ao Claude Code e ao Codex, que consultam as regras antes de criar e conferem a entrega.Biblioteca on-line com as regras do Studio, ligada ao Claude Code e ao Codex.
Como recebo o acesso?
Depois da compra, você entra em conversaovisual.com.br/regras/entrar com o e-mail da compra e o código da transação da Hotmart. O acesso abre assim que o pagamento é aprovado.Entre em /regras/entrar com o e-mail e o código HP da compra.
Funciona com qual IA?
Com o Claude Code e o Codex, conectados pelo protocolo MCP com um comando. Cada regra também pode ser copiada da biblioteca para usar em outra IA.Claude Code e Codex, por MCP. Em outra IA, copie a regra.
Preciso saber programar?
Não. A biblioteca se lê como um livro. Para ligar a IA, você cola um comando que a área do comprador gera pronto, com a sua chave.Não. Para ligar a IA, você cola um comando que já vem pronto.
As regras são atualizadas?
Sim. Regra nova entra na biblioteca e na conexão da IA de todos os compradores, sem custo extra.Sim. Regra nova chega para todos, sem custo extra.
E se eu não gostar?
Você tem 7 dias de garantia pela Hotmart. Pediu o reembolso, o valor volta e o acesso é encerrado.Garantia de 7 dias pela Hotmart, com o valor de volta.