XiaoYongV5/prd-html-generator

Compétence PM universelle pour claude-skills, permettant de générer des PRD de page prêts pour les chefs de produit et des prototypes HTML monofichiers style04 correspondants.

Qu'est-ce que prd-html-generator ?

Cette compétence (skill) pour Claude Code / Codex est conçue pour les chefs de produit et les développeurs qui souhaitent créer rapidement des documents de spécification de produit (PRD) et des prototypes HTML visuellement cohérents. Elle prend en charge la génération de PRD de page complets, la création de prototypes HTML respectant la norme visuelle 'style04' (un fichier unique), la production de descriptions de mise en page dynamique à partir de pages importées ou générées, et la création de divers types de pages (administration, workflow, formulaire, détail, tableau de bord, CRUD). La compétence intègre également un tiroir de prévisualisation PRD sur le côté droit du prototype, et permet de mettre en surbrillance la zone correspondante de la page lorsque l'utilisateur clique sur une entrée du PRD. Elle fonctionne comme un outil de productivité pour les équipes produit et technique, réduisant le temps passé à passer des spécifications au prototype fonctionnel.

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

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait prd-html-generator ?

Compétence PM universelle pour claude-skills, permettant de générer des PRD de page prêts pour les chefs de produit et des prototypes HTML monofichiers style04 correspondants. Utilisez-la lorsque Codex a besoin de rédiger un PRD de page, de générer un prototype HTML, de décrire la mise en page dynamique d'une page importée ou générée, de créer des pages d'administration, de workflow, de formulaire, de détail, de tableau de bord ou CRUD, de respecter les spécifications visuelles style04, de générer un prototype avec un tiroir de prévisualisation PRD à droite, ou de faire en sorte qu'un clic sur une entrée PRD mette en surbrillance la zone correspondante de la page.

Skills associés