CommunityRedacción y edicióngithub.com

liush2yuxjtu/html-artifacts

Habilidad de Claude para crear artefactos HTML autónomos e interactivos (informes, presentaciones, diagramas de flujo, prototipos, editores), guardarlos en ~/.claude/artifacts y abrirlos. Incluye 20 ejemplos con licencia Apache-2.0 de ThariqS/html-effectiveness.

¿Qué es html-artifacts?

Esta habilidad para Claude permite a los desarrolladores crear artefactos HTML autónomos e interactivos directamente desde el agente de IA, sin necesidad de servidores externos. Es ideal para generar informes visuales, paneles de control, diagramas de flujo, prototipos de UI o editores web completos. Los artefactos se guardan automáticamente en el directorio `~/.claude/artifacts` y se abren en el navegador, facilitando la iteración rápida. La habilidad incluye 20 ejemplos de demostración con licencia Apache-2.0 de la biblioteca ThariqS/html-effectiveness, que cubren casos de uso como visualización de datos, simulaciones interactivas y maquetas de aplicaciones. Está diseñada para funcionar con Claude Code, Claude Desktop y otros entornos que soporten la creación de artefactos.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add liush2yuxjtu/html-artifacts

Installed? Explore more Redacción y edición skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace html-artifacts?

Habilidad de Claude: crea un artefacto HTML autónomo e interactivo (informe/presentación/diagrama de flujo/prototipo/interfaz de editor), guárdalo en ~/.claude/artifacts y ábrelo. Incluye 20 ejemplos con licencia Apache-2.0 de ThariqS/html-effectiveness.

Skills relacionados