Communitygithub.com

huasanai/artifact-html

Verwandle beliebige Inhalte in eine eigenständige HTML-Seite im Claude.ai-Stil mit einem Klick PNG-Export – ein Claude Code Skill.

Was ist artifact-html?

Dieser Skill für Claude Code ermöglicht es, beliebige Inhalte (wie Code, Markdown oder Text) automatisch in eine vollständig eigenständige und visuell ansprechende HTML-Seite im Stil von Claude.ai umzuwandeln. Die generierte Seite enthält eine integrierte Schaltfläche, mit der Benutzer den gesamten Inhalt mit einem einzigen Klick als PNG-Bild exportieren können. Dies ist besonders nützlich, um schnell ansprechende visuelle Darstellungen von Code-Ausgaben, Dokumentationen oder Notizen zu erstellen, die dann geteilt oder in Präsentationen eingebunden werden können. Der Skill unterstützt eine nahtlose Integration in den Claude-Code-Workflow und automatisiert die Erstellung von HTML-Artefakten, sodass Entwickler keine manuellen Schritte zur Formatierung oder zum Export durchführen müssen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add huasanai/artifact-html

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht artifact-html?

Verwandle beliebige Inhalte in eine eigenständige HTML-Seite im Claude.ai-Stil mit einem Klick PNG-Export – ein Claude Code Skill.

Verwandte Skills