aradotso avatar

Huashu Design Html Native

This is a full design system that lets you prototype apps, build slide decks, and export MP4 animations by just describing what you want in plain English. It ships with 20 design philosophies across five schools (Bauhaus to Cyberpunk), a brand asset scraper that extracts real colors from company websites instead of guessing, and a motion engine built on composable primitives. The junior designer workflow is smart: it asks clarifying questions upfront, shows you gray boxes before wasting time on polish, and includes anti-slop rules to avoid the purple gradient aesthetic plaguing AI-generated designs. Everything outputs as single-file HTML or editable PPTX with actual text boxes, not flattened images.

skills.sh installs
290
GitHub stars
26
last updated
Jun 3, 2026

Install

$ npx -y skills add aradotso/trending-skills --skill huashu-design-html-native --agent claude-code

Installs into .claude/skills of the current project.

Files

Huashu Design — HTML-Native Design Skill

Skill by ara.so — Daily 2026 Skills collection.

Huashu Design turns natural-language requests into deliverable designs — interactive prototypes, animated slides, motion exports, and infographics — entirely in HTML/CSS/JS, no Figma or GUI required. Install it once into your agent; from then on say what you want and receive a finished file.


Installation

npx skills add alchaincyf/huashu-design

Compatible with Claude Code, Cursor, Codex, OpenClaw, Hermes, and any agent that reads SKILL.md.


What It Produces

Sponsors

Details

Repository
github.com/aradotso/trending-skills
Categories
Frontend Development, Design & UI/UX
First seen
Jun 3, 2026

More from aradotso/trending-skills

All 251
1thebushidocollective avatarangular-rxjs-patternsthebushidocollective/hanUse when handling async operations in Angular applications with observables, operators, and subjects.289skills.sh installs
2pproenca avatarswift-ui-architectpproenca/dot-skillsOpinionated SwiftUI architecture enforcement for iOS 26 / Swift 6.2 clinic modular MVVM-C apps using local SPM package boundaries. Enforces App-target `Dependen273skills.sh installs
3gentleman-programming avatarreact-19gentleman-programming/gentleman-skillsReact 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.270skills.sh installs
4mosif16 avatarproduct-frontend-designmosif16/codex-skillsReview and design SaaS/product marketing sites and frontend interfaces end-to-end: clarify value, fix hierarchy, and implement distinctive, production-grade UI 270skills.sh installs
5thedivergentai avatargodot-ui-rich-textthedivergentai/gd-agentic-skillsExpert blueprint for RichTextLabel with BBCode formatting (bold, italic, colors, images, clickable links) and custom effects. Covers meta tags, RichTextEffect s251skills.sh installs
6travisjneuman avatargeneric-react-ux-designertravisjneuman/.claudeProfessional UI/UX design expertise for React applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction 250skills.sh installs