Community코딩 & 개발github.com

XiaoYongV5/prd-html-generator

Claude Skills용 범용 PM 스킬로, 제품 관리자 수준의 페이지 PRD와 매칭되는 style04 단일 파일 HTML 프로토타입을 생성합니다.

prd-html-generator란 무엇인가요?

이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트 환경에서 PM(Product Manager) 업무를 지원하도록 설계되었습니다. 주 기능은 '페이지 PRD' 문서를 자동 생성하고, 동시에 해당 PRD와 일관된 디자인 시스템(style04)을 따르는 단일 HTML 파일 프로토타입을 출력하는 것입니다. Codex가 PRD 작성, HTML 프로토타입 출력, 업로드된 페이지로부터 동적 레이아웃 설명 생성, 관리/워크플로/폼/상세/대시보드/CRUD 페이지 제작 등의 작업을 수행할 때 유용합니다. 또한 생성된 프로토타입에는 오른쪽에 PRD 미리보기 드로어가 포함되며, PRD 항목을 클릭하면 해당 페이지 영역이 강조 표시되어 문서와 시안 간의 일대일 대응을 직관적으로 확인할 수 있습니다. 이 스킬은 GitHub 저장소 'XiaoYongV5/prd-html-generator'에서 제공되며, 최신 업데이트는 2026년 6월 16일입니다.

지원 대상✓Claude Code✓Codex CLI~Cursor
npx skills add XiaoYongV5/prd-html-generator

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

prd-html-generator은(는) 무엇을 하나요?

Claude Skills용 범용 PM 스킬로, 제품 관리자 수준의 페이지 PRD와 매칭되는 style04 단일 파일 HTML 프로토타입을 생성합니다. Codex가 페이지 PRD 작성, HTML 프로토타입 출력, 업로드되거나 생성된 페이지로부터 동적 페이지 레이아웃 설명 생성, 관리/워크플로/폼/상세/대시보드/CRUD 페이지 제작, style04 시각 규격 준수, 오른쪽 PRD 미리보기 드로어가 포함된 프로토타입 생성 또는 PRD 항목 클릭 시 해당 페이지 영역 강조 표시가 필요할 때 사용합니다.

관련 스킬