Communitygithub.com

huasanai/artifact-html

Transforme qualquer conteúdo em uma página HTML independente no estilo claude.ai com exportação para PNG com um clique — uma skill para Claude Code.

O que é artifact-html?

Esta skill para Claude Code permite transformar qualquer conteúdo em uma página HTML independente no estilo claude.ai, com suporte para exportação direta para PNG com um clique. Ela é útil para desenvolvedores e criadores que desejam gerar artefatos visuais limpos e profissionais a partir de texto, código ou dados. Compatível exclusivamente com o Claude Code, a skill processa o conteúdo fornecido e gera um arquivo HTML autossuficiente que replica a aparência dos artefatos do Claude.ai, incluindo formatação aprimorada e um botão para exportar a página como imagem PNG. O SKILL.md documenta como invocar a skill, parâmetros de entrada e exemplos de uso, garantindo que qualquer entrada seja convertida em um artefato visualmente atraente e pronto para compartilhamento.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add huasanai/artifact-html

Perguntar na sua IA favorita

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

Documentação

O que artifact-html faz?

Transforme qualquer conteúdo em uma página HTML independente no estilo claude.ai com exportação para PNG com um clique — uma skill para Claude Code.

Habilidades Relacionadas