huashu-design is a design system infrastructure and a set of specialized design engines for high-fidelity HTML prototyping, quality evaluation, and presentation conversion. It provides tools for generating interactive single-file HTML mockups, frame-based motion design, and a visual evaluator that analyzes design quality across five dimensions using radar charts.
The system distinguishes itself through a translation pipeline that converts HTML slide decks into editable PowerPoint and PDF objects rather than flat images. It includes a motion design engine that uses a time-slice model to render animations and narrated videos with synthesized speech, as well as a brand-asset extraction pipeline that scrapes official websites to ensure color and logo compliance.
The project covers a broad range of design capabilities, including the creation of print-quality infographics and data visualizations, device environment simulation for mobile app prototyping, and strategic tools for proposing visual directions based on established design philosophies. It also features real-time style injection via a parameter-driven interface for adjusting typography and color palettes.
