Communitygithub.com

kipeum86/web-content-designer

Habilidade do Claude que transforma textos, artigos ou URLs em páginas HTML de arquivo único com qualidade de produção. 3 layouts (dashboard, infográfico, resumo de uma página), 10 temas de design selecionados automaticamente, visualizações Chart.js, navegação scroll-spy e design responsivo. Suporta coreano e inglês. Sem ferramentas de build — basta abrir o arquivo .html.

O que é web-content-designer?

Esta habilidade do Claude permite que você transforme qualquer conteúdo textual, artigo ou URL em uma página HTML de arquivo único profissional, sem necessidade de ferramentas de build. Ela oferece três layouts distintos: dashboard (painel de controle), infográfico e resumo de uma página, cada um otimizado para diferentes tipos de apresentação de dados. Além disso, conta com 10 temas de design pré-selecionados que são automaticamente escolhidos com base no conteúdo, visualizações interativas usando Chart.js, navegação scroll-spy para uma experiência fluida e design totalmente responsivo. A habilidade suporta tanto coreano quanto inglês, garantindo acessibilidade para falantes de ambos os idiomas. O resultado é um único arquivo .html que pode ser aberto diretamente no navegador, sem dependências externas ou etapas de compilação.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add kipeum86/web-content-designer

Perguntar na sua IA favorita

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

Documentação

O que web-content-designer faz?

Habilidade do Claude que transforma textos, artigos ou URLs em páginas HTML de arquivo único com qualidade de produção. 3 layouts (dashboard, infográfico, resumo de uma página), 10 temas de design selecionados automaticamente, visualizações Chart.js, navegação scroll-spy e design responsivo. Suporta coreano e inglês. Sem ferramentas de build — basta abrir o arquivo .html.

Habilidades Relacionadas