CommunityCodierung & Entwicklunggithub.com

XiaoYongV5/prd-html-generator

Ein universelles PM-Skill für Claude-Skills, das produktionsreife PRDs und passende single-file HTML-Prototypen im Style04-Format generiert.

Was ist prd-html-generator?

Dieses Skill für KI-Agenten wie Claude Code oder Codex ermöglicht es, direkt aus dem Chat heraus professionelle Product Requirement Documents (PRDs) und zugehörige HTML-Prototypen zu erstellen. Es ist besonders nützlich für Entwickler und Produktmanager, die schnell und konsistent Seitenbeschreibungen, Workflows, Formulare, Dashboards oder CRUD-Oberflächen entwerfen müssen. Das Skill folgt der visuellen Spezifikation „Style04“ und generiert standalone HTML-Dateien, die in der rechten Seitenleiste eine PRD-Vorschau anzeigen und bei Klick auf einen PRD-Eintrag den entsprechenden Bereich auf der Seite hervorheben. Es unterstützt sowohl die Neuerstellung als auch die Analyse bestehender Seiten (z. B. aus Screenshots oder HTML-Dumps), um dynamische Layoutbeschreibungen zu erzeugen.

Funktioniert mit✓Claude Code✓Codex CLI~Cursor
npx skills add XiaoYongV5/prd-html-generator

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht prd-html-generator?

Ein universelles PM-Skill für Claude-Skills, das produktionsreife PRDs und passende single-file HTML-Prototypen im Style04-Format generiert. Verwenden Sie dieses Skill, wenn Codex eine Seiten-PRD schreiben, einen HTML-Prototyp ausgeben, dynamische Layoutbeschreibungen aus hochgeladenen oder generierten Seiten erstellen, Verwaltungs-/Workflow-/Formular-/Detail-/Dashboard-/CRUD-Seiten anlegen, die visuelle Style04-Spezifikation befolgen, Prototypen mit PRD-Vorschau-Drawer auf der rechten Seite generieren oder PRD-Einträge beim Klick hervorheben soll.

Verwandte Skills