CommunityEscrita e Ediçãogithub.com

liush2yuxjtu/html-artifacts

Habilidade Claude: crie um artefato HTML interativo e autocontido (relatório/deck/flowchart/protótipo/editor UI), salve em ~/.claude/artifacts e abra-o. Inclui 20 exemplos Apache-2.0 de ThariqS/html-effectiveness.

O que é html-artifacts?

Esta habilidade para o Claude permite que você construa artefatos HTML interativos, autocontidos e salvos localmente. Você pode criar relatórios, decks de apresentação, fluxogramas, protótipos de UI ou editores completos que rodam sem dependências externas. A habilidade salva automaticamente os arquivos em ~/.claude/artifacts e os abre no navegador para visualização imediata. Inclui 20 exemplos sob licença Apache-2.0 do repositório ThariqS/html-effectiveness, que demonstram desde gráficos responsivos até editores de rich text, facilitando a prototipagem e compartilhamento de soluções web completas. Ideal para desenvolvedores que usam Claude Code, Cursor ou Codex e precisam gerar rapidamente interfaces web funcionais sem configurar um ambiente de desenvolvimento complexo.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add liush2yuxjtu/html-artifacts

Installed? Explore more Escrita e Edição skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Perguntar na sua IA favorita

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

Documentação

O que html-artifacts faz?

Habilidade Claude: crie um artefato HTML interativo e autocontido (relatório/deck/flowchart/protótipo/editor UI), salve em ~/.claude/artifacts e abra-o. Inclui 20 exemplos Apache-2.0 de ThariqS/html-effectiveness.

Habilidades Relacionadas