Convert design briefs into hi-fi HTML prototypes and presentation assets.
npx skills add https://github.com/YeomanYe/skills --skill huashu-design-yeomanye
Please help me install this Agent Skill. Skill: huashu-design Source: https://github.com/YeomanYe/skills/tree/main/huashu-design Command: npx skills add https://github.com/YeomanYe/skills --skill huashu-design-yeomanye
Huashu-design provides a self-contained skill that converts design briefs into hi-fi HTML prototypes, interactive demos, and presentation-ready assets (slides, MP4s, PDFs) that work across agents and environments.
Build a hi-fi HTML prototype and export a clickable demo plus a slide deck from this brief.
High-intent search queries and answers about installing and using this skill.
To turn a design brief into a hi-fi HTML prototype, you can use a brand-context-first workflow that processes your concepts and generates tangible interactive HTML assets through a script-driven pipeline. This approach automates the conversion of ideas into presentation-ready prototypes.
Yes, you can export HTML prototypes to MP4, PDF, GIF, and PPTX formats. A deterministic, script-driven workflow automates the generation of these presentation-ready assets, making them suitable for stakeholder reviews and demos.
Yes, this HTML prototyping workflow runs with agent-agnostic execution environments including Cursor, Claude Code, Codex, and OpenClaw. It operates as a self-contained skill that integrates seamlessly into markdown-based agent toolchains.
To generate motion demos and interactive slides, you need ffmpeg, ffprobe, Playwright, Python, and Node installed. These dependencies support the script-based export pipeline for rendering HTML decks and video outputs.
The best way to create interactive motion demos for product dashboards is using a design exploration workflow that enforces brand-context-first rules. This method converts briefs into hi-fi HTML prototypes, allowing you to test tweaks and variants rapidly.
A brand-context-first workflow for UX prototyping ensures that all generated HTML prototypes, slides, and assets integrate brand specifications from the start. This accelerates decision-making by keeping design exploration aligned with established brand guidelines.
nexu-ioGenerate a self-contained HTML dating dashboard prototype with KPI grid and charts.
rovanniConvert HTML or Markdown content into Marp-based slide decks.
koki3141Automate web application testing with Python Playwright scripts.
markus41Generate UI/UX wireframes and mockups in draw.io across fidelity levels.
