CommunityCoding & Developmentgithub.com

XiaoYongV5/prd-html-generator

A universal PM skill for Claude Skills, supporting the generation of product manager-ready page PRDs and matching style04 single-file HTML prototypes. Use it when Codex needs to write page PRDs, output HTML prototypes, generate dynamic page layout descriptions from uploaded or generated pages, create admin/management/workflow/form/detail/dashboard/CRUD pages, follow style04 visual specifications, generate prototypes with a right-side PRD preview drawer, or make PRD entries clickable to highlight corresponding page areas.

What is prd-html-generator?

This skill, named XiaoYongV5/prd-html-generator, is designed as a universal product management (PM) skill for AI agents like Claude Skills and Codex. It enables the generation of complete, product manager-ready page PRDs (Product Requirement Documents) and corresponding single-file HTML prototypes adhering to the 'style04' visual specification. The skill is particularly useful for developers and product managers who need to quickly prototype pages, including admin panels, management interfaces, workflows, forms, detailed views, dashboards, and CRUD (Create, Read, Update, Delete) pages. It supports generating dynamic page layout descriptions from existing or generated pages, and allows creating interactive prototypes with a right-side PRD preview drawer where clicking on a PRD entry highlights the corresponding area on the page. This significantly streamlines the design-to-development handoff and accelerates iterative prototyping.

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

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

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does prd-html-generator do?

A universal PM skill for Claude Skills, supporting the generation of product manager-ready page PRDs and matching style04 single-file HTML prototypes. Use it when Codex needs to write page PRDs, output HTML prototypes, generate dynamic page layout descriptions from uploaded or generated pages, create admin/management/workflow/form/detail/dashboard/CRUD pages, follow style04 visual specifications, generate prototypes with a right-side PRD preview drawer, or make PRD entries clickable to highlight corresponding page areas.

Related Skills