Communitygithub.com

MBinHaider/mbh-style-claude-skill

Uma habilidade do Claude Code que gera relatórios HTML em um único arquivo, utilizando a linguagem de design editorial de Mohammad Bin Haider (Inter + JetBrains Mono, seções de hero / faixa de estatísticas / numeradas, pronto para impressão).

O que é mbh-style-claude-skill?

Esta habilidade para o Claude Code permite que desenvolvedores criem relatórios HTML autônomos e visualmente atraentes, seguindo o estilo editorial de Mohammad Bin Haider. Ela é útil para gerar documentação técnica, análises de dados ou protótipos de páginas web com uma estética profissional e limpa. A habilidade suporta o Claude Code como plataforma principal, utilizando as fontes Inter e JetBrains Mono, e estrutura o conteúdo em seções distintas: uma seção de herói (hero) para introdução, uma faixa de estatísticas (stats-band) para destacar números-chave, e seções numeradas para conteúdo detalhado. O resultado final é um único arquivo HTML otimizado para impressão, garantindo que o layout e o design sejam mantidos tanto na tela quanto no papel. O funcionamento é baseado em instruções precisas no SKILL.md, que orienta o Claude a gerar o código HTML com estilos CSS embutidos e estrutura semântica.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add MBinHaider/mbh-style-claude-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que mbh-style-claude-skill faz?

Uma habilidade do Claude Code que gera relatórios HTML em um único arquivo, utilizando a linguagem de design editorial de Mohammad Bin Haider (Inter + JetBrains Mono, seções de hero / faixa de estatísticas / numeradas, pronto para impressão).

Habilidades Relacionadas