Huashu Design Skill - Setup Guide¶

Source: alchaincyf/huashu-design GitHub: alchaincyf/huashu-design (23.0K stars) Skills: 1 skill (huashu-design) · 42.9K installs Category: Design & Prototyping First Seen: April 21, 2026 (catalogued August 15, 2026 sweep) Quality Tier: 🟡 Trusted (Gen Agent Trust Hub pass; Socket and Snyk report warnings)

Huashu-Design (花叔Design) is an HTML-first design skill that makes the agent embody a specialist - animator, UX designer, slide designer, or prototyper - based on the task, rather than acting as a generic HTML tool. It enforces a brand asset protocol (logo, product imagery, and UI screenshots before color values), delivers three differentiated design directions when context is unclear, and spans five design philosophies: information architecture, motion poetry, minimalism, experimental, and East Asian. Four user-confirmation checkpoints gate the workflow.

Installation¶

npx skills add alchaincyf/huashu-design

Prerequisites¶

Requirement	Details
Node.js + npx	For the installer
Brand assets	Logo, product imagery, and UI screenshots before color work
No backend needed	Outputs are static HTML prototypes, decks, and animations

What It Provides¶

Capability	Notes
Specialist roles	Embodies animator, UX designer, slide designer, or prototyper per task
Prototypes	High-fidelity interactive product mockups
Design variants	Three differentiated directions when context is unclear
Slide decks	1920×1080 HTML decks usable as presentations with keyboard navigation
Animations	Timeline-driven motion design with synchronized recording mode
Video pipelines	Narration-driven long-form video from HTML sequences
Checkpoints	User confirmation at four stages before full implementation

Quick Start¶

npx skills add alchaincyf/huashu-design
Provide brand assets first: "design a landing page prototype; here is the logo and product screenshot"
Review the three proposed directions, pick one, and confirm at each checkpoint

CorpusIQ Use Cases¶

Use Case	How
Landing page concepts	Interactive HTML prototypes before committing to production design
Investor decks	1920×1080 HTML decks with keyboard navigation
Product mockups	iOS/Android starter components for feature visualizations
Motion design	Animation demos as video material for social channels

Integration with CorpusIQ¶

CorpusIQ is the connector layer that lets AI assistants read the systems a business already runs on - accounting, payments, CRM, email, files and analytics - and answer with the source named. It is read-only by design: it retrieves data and never writes to, or acts in, a connected system, which is what makes it safe to point at live accounts.

This page is part of the CorpusIQ directory, the reference we maintain for the MCP server and agent-skill ecosystem. Run alongside CorpusIQ, a third-party server like this one can be combined with a company's own business data in a single answer.

See what CorpusIQ connects

Limitations / Verification¶

Explicitly not for production web apps, SEO sites, or backend systems - prototypes and decks only
SKILL.md is written in Chinese; English capabilities are summarized on the marketplace page
Socket and Snyk audits carry warnings - review before production use

npx skills add alchaincyf/huashu-design   # verify install works

← Skills Catalog | Marketplace →

Powered by CorpusIQ