huashu-design-html-prototyping

What problem does it solve?

This Skill eliminates the time sink of turning vague design ideas into high-fidelity, interactive prototypes and presentation-ready assets by enforcing an evidence-based “Core Asset Protocol” before generating brand-accurate output.

Core Features & Use Cases

• Interactive HTML Prototypes: Generates single-file, device-styled interactive prototypes with Playwright-style click verification and responsive layout.
• Slide Decks with Editable PPTX Export: Produces HTML slide decks and exports them to PPTX with real text frames (editable in PowerPoint).
• Motion Graphics & Infographics: Creates MP4/GIF motion deliverables and print-quality infographic HTML suitable for PDF/PNG/SVG exports.
• Brand-Verified Asset Workflow: Collects and verifies logos, UI screenshots, color palettes, and fonts, then “freezes” them into a reusable brand-spec for consistent results.

Quick Start

Tell the agent: “Using my brand assets, create an interactive iOS prototype for a Pomodoro timer app with 4 screens, then export a matching slide deck and generate a 10-second product launch animation.”