| name | gerar-html |
| description | Exporta os 4 artefatos .md de uma implantação VendaCerta ERP para HTML autocontido usando os templates de templates/html/, e gera o index.html consolidado do cliente com os links. Última etapa da cadeia. Use após /criar-plano-cs ou quando o usuário pedir para "gerar HTML" / "exportar" / "gerar o índice". |
| argument-hint | <slug> (opcional) |
/gerar-html — Etapa 6 (final) da cadeia
Sexta e última skill. Objetivo: converter os .md em .html autocontidos e montar o index.html consolidado. Separa conteúdo de apresentação — nenhuma outra skill gera HTML.
Pré-requisitos e descoberta do slug
$ARGUMENTS pode conter o <slug>. Se vazio, detecte a pasta mais recente em implantacoes/ ou pergunte.
- Verifique que os 4 artefatos .md existem na pasta do cliente:
01-dossie-e-ficha-escopo.md, 02-plano-cronograma.md, 03-checklists-raci-riscos.md, 04-plano-cs-90-dias.md.
- Se faltar algum, avise qual skill anterior rodar e pare.
- Leia
estado-cliente.md para os dados do index.html (nome, porte, plano, prazo, prioridades, data de go-live).
Regras (do CLAUDE.md §5)
- Use sempre os templates de
templates/html/ — não invente HTML do zero. Não altere o <style>.
- Gere o
.md primeiro (já feito pelas skills anteriores) e derive o .html dele.
Geração — para cada um dos 4 artefatos
- Copie o template correspondente de
templates/html/ para implantacoes/<slug>/ com o mesmo nome:
01-dossie-e-ficha-escopo.html, 02-plano-cronograma.html, 03-checklists-raci-riscos.html, 04-plano-cs-90-dias.html.
- Converta o Markdown do
.md para HTML e cole no lugar do placeholder {{CONTEUDO}} (dentro de <div class="doc">):
- Tabelas →
<table>; listas → <ul>/<ol>.
- Checklists
- [ ] → <li class="check"><input type="checkbox" disabled> texto</li> (use checked para - [x]).
- Substitua os demais placeholders do template:
{{NOME_CLIENTE}}, {{DATA}} (data de hoje).
index.html consolidado
- Copie
templates/html/index.html para implantacoes/<slug>/index.html.
- Preencha os placeholders a partir do
estado-cliente.md:
{{NOME_CLIENTE}}, {{SITE}}, {{PORTE}}, {{PLANO}}, {{PRAZO_ESTIMADO}}, {{DATA}}, {{DATA_GOLIVE}}, {{PRIORIDADES_VALOR}}, {{RESUMO_ESCOPO}}.
- Os links dos 4 cards já apontam para os arquivos na mesma pasta — não altere os
href.
Encerramento
- Atualize
estado-cliente.md: Etapa concluída: gerar-html.
- Mostre o resumo final da cadeia: caminho da pasta
implantacoes/<slug>/, os 4 .md + 4 .html + index.html gerados, e sugira abrir o index.html.
- Esta é a última etapa — não chame outra skill.