O que html-first-workflow faz?
Skill para Claude Code/Codex: alternar para artefatos HTML de arquivo único em documentos entregáveis (especificações, PRDs, revisões, relatórios) mantendo markdown para chat/código.
Visão Geral
Este skill configura automaticamente o comportamento do agente de IA para gerar documentação formal em HTML de arquivo único quando o contexto do prompt indicar um documento entregável. Para conversas casuais, código ou discussões rápidas, o markdown padrão continua sendo utilizado.
Como Funciona
- Ativação: O skill é acionado quando palavras-chave como
spec,PRD,review,report,design docouRFCaparecem no prompt inicial. - Geração: O agente produz um único arquivo HTML autocontido, com CSS inline, estrutura semântica (
<section>,<article>,<nav>) e links relativos. - Fallback: Se o prompt não contiver palavras-chave de documento entregável, o agente usa markdown normalmente.
Exemplo de Uso
# Prompt que ativa o skill
$ claude "Crie uma especificação técnica para o novo módulo de autenticação"
# Saída: gera spec.html com formatação completa
# Prompt normal (markdown mantido)
$ claude "Explique como funciona o algoritmo de ordenação"
# Saída: markdown padrão
Configuração
Nenhuma configuração adicional é necessária. O skill funciona com Claude Code, Codex e outros agentes compatíveis que suportam a definição de skills via arquivo SKILL.md.
Suporte
- Plataformas: Claude Code, Codex, Cursor (quando suportar skills)
- Dependências: Nenhuma. HTML gerado é autocontido e não requer servidor web.
Licença
MIT