Trabalhos

VB Brand Systems

2026 · Web app

Função
Criador
Resultado
Template público com 4 skills

Resumo

O VB Brand Systems é um app que reúne o manual de uma marca, uma biblioteca de arquivos e um chat de IA que responde a partir do manual.

  • Objetivo: guardar em um só lugar o que a marca acredita, como ela fala, como ela aparece e os arquivos para usar.
  • O que eu fiz: construí o app durante o workshop Atlas, da Overlens. Depois preparei uma versão whitelabel e quatro skills para o agente de IA.
  • Resultado: um template público no GitHub, em inglês e português, que roda em modo demo sem conta nem chave.
  • Stack: Claude Code, Supabase e os provedores Anthropic, OpenAI e Google Gemini.
  • Origem: workshop Atlas, da Overlens, em maio de 2026, com a versão pública em outubro de 2026.

Case completo

3 min de leitura

Contexto

Em maio de 2026 participei do workshop Atlas, da Overlens.

Lá aprendi do zero a construir um brand system com IA, pelo Claude Code.

Eu gosto de adquirir conhecimento de forma ativa, executando.

Na medida em que as aulas avançavam, eu aplicava o que tinha aprendido e construía a ferramenta.

Fiz tudo durante as aulas e depois não mexi mais.

O que eu fiz

Criei o VB Brand Systems, um app que guarda em um só lugar o que a marca acredita, como ela fala, como ela aparece e os arquivos para usar.

Diagrama da infraestrutura do VB Brand Systems: pessoas, navegador, servidor Next.js, arquivos da marca, Supabase e provedor de IA, com os quatro fluxos numerados

O app tem três partes:

  • o manual, em páginas que vão do propósito da marca até as cores, a tipografia e as aplicações;
  • os ativos, uma biblioteca com oito categorias de arquivos para buscar, ver e baixar;
  • o chat, um assistente de IA que responde a partir das páginas do manual e cita a seção que usou.

As páginas são arquivos de texto. O que está escrito nelas é o que a IA sabe sobre a marca.

Em outubro de 2026 voltei ao projeto.

Refinei a interface e preparei o whitelabel, uma versão que outra pessoa recebe pronta e troca pela própria marca.

Ela recebe uma estrutura praticamente plug and play, com poucas conexões de API, para uso pessoal ou profissional.

Dois modos

O modo demo é o padrão. Ele não pede conta, banco de dados nem chave.

O modo completo liga o login, os membros, o envio de arquivos e o histórico do chat. Ele pede um projeto no Supabase e a chave de um provedor de IA.

O chat aceita três provedores: Anthropic, OpenAI e Google Gemini.

O app existe em inglês e português. Ele roda em um computador ou para uma equipe na mesma rede, sem hospedagem.

Também escrevi quatro skills, que são comandos prontos para o agente de IA:

  • brand-setup, que guia a primeira configuração;
  • brand-content, que cria, edita e reordena páginas nos dois idiomas;
  • brand-doctor, que confere a instalação sem alterar nada;
  • brand-translate, que adiciona outro idioma.

Resultado

O resultado é um brand system pronto e funcional.

Ele nasceu em 18 de maio de 2026. Só em outubro, depois de refinar, publiquei a versão no GitHub.

A versão 0.1.0 saiu em 9 de outubro de 2026, como template. O uso pessoal e profissional é livre, e não é permitido vender nem hospedar o sistema como produto.

Ver projeto

Desenvolvimento

2026-05-18

Primeira versão, construída durante o workshop Atlas, da Overlens.

2026-10-09

Versão 0.1.0 pública, com inglês e português, três provedores de IA, quatro skills e a licença PolyForm Shield 1.0.0.

Fontes e leituras

Repositório · GitHub

VB Brand Systems

@viniciusbedum · PolyForm Shield 1.0.0

Repositório público do template.

Certificado · Overlens

Certificado de conclusão do workshop Atlas

Overlens

Certificado que recebi pela conclusão do workshop.