What problem does it solve? Keeping project design documentation consistent, versioned, and visually unified is hard when requirements iterate frequently. This Skill generates and maintains project-level design documents under /docs that combine project overview, feature descriptions, embedded interactive HTML prototypes, and interaction specs in a single file, with every iteration preserved as a new versioned file. ## Core Features & Use Cases - Versioned document generation: Creates files named {Chinese topic}-v{n}.html, scans /docs for the highest existing version, and never overwrites or deletes old versions. - Embedded interactive prototypes: Inlines HTML/CSS/JS prototypes with CSS scope isolation (.proto-{name}), IIFE-wrapped scripts, SVG icons, responsive breakpoints, and dark mode support. - Design system integration: Extracts colors, fonts, and style rules from the ui-ux-pro-max design system so all prototypes share a consistent visual language. - Use Case: When a product manager asks to add a new feature module to the reference image library design doc, the Skill scans /docs, finds 参考图库设计-v2.1.html as the latest, copies it to v2.2, inserts the new module section, and updates the changelog while leaving v2.1 untouched. ## Quick Start Ask the AI to write a project design document for your feature, for example: generate a design document with an interactive prototype for the reference image library feature.
