Communitygithub.com

kipeum86/web-content-designer

Claude-Fähigkeit, die Text, Artikel oder URLs in produktionsreife, einseitige HTML-Seiten umwandelt. 3 Layouts (Dashboard, Infografik, Einseitige Zusammenfassung), 10 automatisch ausgewählte Designthemen, Chart.js-Visualisierungen, Scroll-Spy-Navigation und responsives Design. Unterstützt Koreanisch und Englisch. Keine Build-Tools – öffne einfach die .html-Datei.

Was ist web-content-designer?

Dies ist eine Claude-Fähigkeit namens 'web-content-designer', die es Entwicklern und Inhaltserstellern ermöglicht, Rohtext, Artikel oder Web-URLs direkt in professionelle, eigenständige HTML-Seiten umzuwandeln. Der Prozess erfordert keine zusätzlichen Build-Tools oder Abhängigkeiten – die Ausgabe ist eine einzelne `.html`-Datei, die in jedem Browser geöffnet werden kann. Die Fähigkeit bietet drei vordefinierte Layouts: ein Dashboard für datengetriebene Ansichten, eine Infografik für visuell ansprechende Präsentationen und eine einseitige Zusammenfassung für klare, prägnante Inhalte. Sie wählt automatisch aus 10 verschiedenen Designthemen basierend auf dem Inhalt aus und integriert Chart.js für interaktive Diagramme und Grafiken. Zusätzlich sorgt eine Scroll-Spy-Navigation für eine benutzerfreundliche Orientierung auf langen Seiten, und das responsive Design stellt sicher, dass die Seiten auf verschiedenen Geräten gut aussehen. Die Fähigkeit unterstützt sowohl Koreanisch als auch Englisch, was sie besonders nützlich für mehrsprachige Teams oder Projekte macht.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht web-content-designer?

Claude-Fähigkeit, die Text, Artikel oder URLs in produktionsreife, einseitige HTML-Seiten umwandelt. 3 Layouts (Dashboard, Infografik, Einseitige Zusammenfassung), 10 automatisch ausgewählte Designthemen, Chart.js-Visualisierungen, Scroll-Spy-Navigation und responsives Design. Unterstützt Koreanisch und Englisch. Keine Build-Tools — öffne einfach die .html-Datei.

Verwandte Skills