Rascunho · Como funciona

Do prompt do seu agente ao componente na sua página

Seu agente escreve o componente. O Taggor constrói, versiona e entrega por um snippet. Cada passo abaixo é um comando real ou um resultado visível.

O caminho de uma versão

Sua máquinaEscrever e verificar
Build do TaggorConstruir em sandbox, rodar os portões
TaggorUma nova versão imutável
Um canalStaging, depois production
Entrega do TaggorUm snippet, um loader
Navegador do visitanteO componente num Shadow DOM

Fig. 1 · O caminho de uma versão, e onde cada passo roda

Rollback: aponte o canal de volta para a versão anterior. Nada é reconstruído, porque a versão antiga continua guardada.

Passo a passo

Seu agente escreve o componenteEle usa o SDK do Taggor, em TypeScript. O taggor init cria o projeto e pode instalar as regras que seu agente de código lê.
```
taggor init
```
Docs
Verifique na sua máquinaO taggor check roda os portões da publicação (tipos, tamanho, segurança) localmente, sem rede.
```
taggor check
```
Docs
O Taggor constrói e cria uma versãoO taggor publish envia o código-fonte para um build que roda longe da sua máquina, numa sandbox. Quando todos os portões passam, o resultado é uma nova versão imutável.
```
taggor publish
```
Docs
Ponha um snippet no siteO taggor sites snippet imprime uma tag de script. Cole uma vez e escreva a tag do componente onde ele deve aparecer.
```
taggor sites snippet
```
Docs
Promova, e volte se precisarUm canal aponta para uma versão. Promover o move; o rollback o aponta de volta. As páginas que têm o snippet acompanham sem ser editadas.
```
taggor promote <component> --to productiontaggor rollback <component> --channel production
```
Docs
O que os visitantes enviam chega a vocêUm componente que coleta dados os guarda para você, no portal, com o consentimento que o visitante deu quando for dado pessoal. Exporte quando quiser.
```
taggor data export <collection>
```
Docs

Como funciona

Do primeiro prompt até a página do visitante, passo a passo. Cada um é um comando de verdade ou um resultado visível.

Sua máquina
Seu agente cria o componente
Ele escreve TypeScript com o SDK do Taggor. O taggor init começa o projeto e pode instalar as regras que o seu agente de código lê.
```
taggor init
```
Sua máquina
Ele confere o próprio trabalho
Os portões de tipos, tamanho e segurança rodam localmente, sem rede, antes de qualquer envio.
```
taggor check
```
Build do Taggor
O Taggor constrói e cria uma versão
O código é construído num contêiner isolado e analisado. Quando todos os portões passam, o resultado é uma versão nova e imutável.
```
taggor publish
```
Seu site
Um snippet no site
Cole uma tag de script assíncrona, uma vez. Depois escreva a tag do componente onde ele deve aparecer.
```
taggor sites snippet
```
Um canal
Promova quando estiver pronto
Um canal aponta para uma versão. Promover o move, e os sites que usam o canal acompanham, sem editar as páginas.
```
taggor promote <component> --to production
```
Um canal
Volte com um comando
Aponte o canal para a versão anterior. Nada é reconstruído, porque a versão antiga continua guardada.
```
taggor rollback <component> --channel production
```

Receitas

Coisas que as pessoas pedem ao agente. Cada uma é um prompt para colar, um template de partida e o que você recebe.

Um componente em vários sites de clientes

Para quem Agência ou freelancer com alguns sites de clientes.

Peça ao seu agente

Escreva um formulário de pedido de orçamento para os sites dos meus clientes. Cada site define o próprio título e a cor do botão. Colete nome, e-mail e o tipo de projeto.

Parte de examples/contact-form

Você recebe Um componente, publicado uma vez. Cada site leva uma tag de script, define seus valores sem uma versão nova, e todos os envios chegam ao mesmo lugar.

Captação de contatos para uma landing page

Para quem Quem tem um site e quer contatos, com o consentimento do visitante registrado.

Peça ao seu agente

Faça um formulário de contato com nome, e-mail e mensagem, uma caixa de consentimento que leve à minha política de privacidade e uma mensagem de agradecimento depois do envio.

Parte de examples/contact-form

Você recebe Um formulário que mostra a caixa de consentimento, guarda a prova do que o visitante aceitou e envia os dados ao seu portal, prontos para exportar.

Um quiz ou uma calculadora para uma campanha

Para quem Quem faz uma campanha e quer que a pessoa interaja com uma resposta, em vez de ler um parágrafo.

Peça ao seu agente

Faça um quiz curto que termine numa recomendação por perfil, com as minhas cores. Guarde só o resultado, não a pessoa.

Parte de examples/quiz-result

Você recebe Uma peça interativa que combina com a página por variáveis CSS. Uma coleção anônima registra os resultados, que você lê no portal.

Uma enquete ou uma caixa de feedback

Para quem Um site que quer ouvir os visitantes, sem uma ferramenta de pesquisa.

Peça ao seu agente

Adicione uma enquete de uma pergunta com três opções e, embaixo, uma caixinha de feedback perguntando como foi a visita.

Parte de examples/quick-poll

Você recebe Respostas coletadas sem dado pessoal, listadas por coleção no portal e exportáveis em CSV ou NDJSON.

Um lançamento com contagem regressiva

Para quem Uma equipe com uma data a cumprir e uma página que deve mudar quando ela chegar.

Peça ao seu agente

Faça uma contagem regressiva até a data e a hora do nosso lançamento, no fuso do visitante, que mostre uma mensagem curta quando chegar a hora.

Parte de examples/launch-countdown

Você recebe Uma contagem que você vê primeiro numa prévia privada, promove para produção quando estiver pronto e desfaz se mudar de ideia.

As palavras desta página

Fig. 2 · Termos
Palavra	O que é
Componente	O que você publica: uma tag HTML com suas props.
Versão	Um build de um componente. Ela não muda; uma mudança é uma nova versão.
Canal	Um nome, como staging ou production, que aponta para uma versão.
Site	Um site que tem o snippet, com a lista de domínios onde os componentes podem montar.
Snippet	Uma tag de script por site. Ela carrega um loader pequeno que busca só os componentes que aquele site usa.

Experimente com seu agente

Cole o prompt no seu agente de código, ou comece pelo quickstart.

Cole no seu agente. Ele pergunta a você antes de entrar na conta ou pagar.

Busque https://taggor.dev/agent-setup/prompt.md e siga as instruções de lá para me configurar para o Taggor. Pergunte-me antes de entrar na conta, criar uma conta, aceitar termos, pagar qualquer coisa ou digitar um segredo.

Ler o quickstart