O que principle-deepdive-html-style faz?
Gere artigos HTML analíticos de arquivo único com modo escuro embutido, layouts responsivos e zero dependências como uma habilidade reutilizável para agentes de codificação de IA.
Visão Geral
Esta habilidade especializada permite que agentes de IA criem artigos HTML completos e autossuficientes, prontos para serem abertos diretamente em um navegador. O artigo conterá todo o estilo CSS inline, tipografia responsiva e alternância de modo escuro/claro, sem carregar bibliotecas ou arquivos externos.
Funcionalidades
- Arquivo único: Todo HTML, CSS e JavaScript estão contidos em um único arquivo
.html. - Zero dependências: Não requer CDNs, fontes externas ou frameworks.
- Modo escuro embutido: Estilos para modo claro e escuro, com alternância automática ou manual.
- Layout responsivo: Adapta-se a telas de desktop, tablet e celular.
- Tipografia polida: Hierarquia de cabeçalhos, espaçamento e legibilidade otimizados.
- Analítico e focado em conteúdo: Adequado para artigos técnicos, análises profundas ou documentação de princípios.
Como usar
- Solicite ao agente de IA que use esta habilidade para gerar um artigo HTML sobre um tópico específico.
- O agente produzirá um arquivo HTML completo seguindo o estilo definido.
- Salve o arquivo com extensão
.htmle abra em qualquer navegador moderno.
Exemplo de solicitação
"Crie um artigo HTML analítico explicando o Princípio de Pareto (80/20) usando esta habilidade."
Personalização
- As cores podem ser ajustadas editando as variáveis CSS no bloco
<style>. - A alternância de modo escuro é controlada por um botão simples no canto superior direito.
- O layout usa CSS Grid e Flexbox para responsividade.
Compatibilidade
- Funciona em: Claude Code, Cursor, Codex e outros agentes de codificação AI.
- Suporta os navegadores: Chrome, Firefox, Safari, Edge.
Habilidade gerada por studious-mantle460 — use-a para criar artigos técnicos prontos para publicação.