CommunityProgramación y desarrollogithub.com

XiaoYongV5/prd-html-generator

Habilidad PM universal para claude-skills que genera documentos PRD de página listos para gerentes de producto y prototipos HTML de un solo archivo con estilo style04.

¿Qué es prd-html-generator?

Esta habilidad está diseñada para agentes de IA como Codex o Claude, permitiéndoles actuar como un gerente de producto técnico. Genera documentos PRD (Documento de Requisitos del Producto) de página completos y sus correspondientes prototipos HTML de archivo único con la especificación visual style04. El PRD incluye una estructura detallada con secciones como comportamiento de la página, descripción funcional, reglas de interacción y flujo de datos, mientras que el prototipo HTML se renderiza en tiempo real en un panel derecho de vista previa. Además, cada elemento del PRD es clickeable y resalta la región correspondiente en el prototipo, facilitando la revisión colaborativa. Soporta la creación de páginas de tipo dashboard, CRUD, formularios, workflows, detalles y administración, así como la extracción de descripciones de diseño a partir de páginas subidas o generadas.

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

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

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

Documentación

¿Qué hace prd-html-generator?

Habilidad PM universal para claude-skills que genera documentos PRD de página listos para gerentes de producto y prototipos HTML de un solo archivo con estilo style04. Se utiliza cuando Codex necesita escribir un PRD de página, generar un prototipo HTML, extraer descripciones de diseño dinámico a partir de páginas subidas o generadas, crear páginas de tipo administración, flujo de trabajo, formulario, detalle, dashboard o CRUD, seguir la especificación visual style04, generar prototipos con un panel de vista previa del PRD a la derecha, o hacer que los elementos del PRD resalten al hacer clic en la región correspondiente.

Skills relacionados