ls-design-huashu
CommunityCraft high-fidelity HTML design prototypes
System Documentation
What problem does it solve?
花叔Design (Huashu-Design) turns vague design intent into high-fidelity, brand-consistent HTML deliverables (interactive prototypes, demos, slide-like decks, and motion-ready animation) while enforcing strict anti–AI slop guardrails and fact/asset validation.
Core Features & Use Cases
- High-fidelity HTML design production: Produce clickable interaction prototypes, hi-fi visual demos, HTML slide decks, and motion-design HTML scenes.
- Brand-consistent asset enforcement: Uses a “core assets” workflow that prioritizes real logo/product/UI imagery and validates assets via
brand-spec.mdso the output stays recognizable and non-generic. - Anti–AI slop + quality gates: Applies explicit rules to avoid common AI design clichés (emoji, SVG imagery, fake data, generic gradients) and uses honest placeholders when assets/data are missing.
- Design-direction consulting fallback: When requirements are ambiguous, recommends 3 differentiated directions from philosophy “streams,” shows prebuilt showcases, and generates multiple visual demos for selection.
- Interactive evaluation output (optional): Can run an expert-style multi-dimension review and produce a repair checklist after delivery.
Quick Start
Ask the assistant to act as 花叔Design and produce a brand-consistent hi-fi HTML interactive prototype for the following concept, stating any involved product/brand facts to verify and requesting which assets (logo, product/UI screenshots, color palette, fonts) you can provide: “Deliver an interactive HTML prototype (with variations) and generate a brand-spec.md using my provided assets; if anything is missing, ask me instead of using placeholders.”
Dependency Matrix
Required Modules
None requiredComponents
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ls-design-huashu Download link: https://github.com/ahostbr/liteharness/archive/main.zip#ls-design-huashu Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.