花叔 HTML 设计

Generate deployable HTML+CSS web pages from natural language design requests.

1|1|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/gaoqiongxie/skills-ai --skill html-gaoqiongxie
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: 花叔 HTML 设计
Source: https://github.com/gaoqiongxie/skills-ai/tree/main/huashu-design
Command: npx skills add https://github.com/gaoqiongxie/skills-ai --skill html-gaoqiongxie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill removes the barrier of requiring professional design software and design expertise to create high-fidelity, deployable web pages, allowing users to generate production-ready design works directly through natural language commands.

Core Features & Use Cases

It supports 20 design philosophies (such as minimalism, Bauhaus, cyberpunk, etc.), a 5-dimensional design review framework, 31 layout types, 20+ animation effects, and brand asset parsing. It is suitable for scenarios including personal resume pages, product landing pages, course introduction pages, and brand official website design. For example, you can generate a fat-reduction check-in page with a natural organic style and Morandi color scheme in a short time.

Quick Start

Tell the AI your specific design requirements, such as "Help me design a minimalist personal resume webpage", to get a complete, deployable high-fidelity HTML design page.

Frequently Asked Questions about 花叔 HTML 设计

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a deployable HTML landing page without coding?

You can generate a deployable HTML landing page by providing natural language design requirements. The skill outputs pure HTML and CSS code with animations, ready for immediate web deployment without coding.

Can I create a high-fidelity web prototype using only text commands?

Yes, you can create a high-fidelity web prototype by describing your design needs in text. The system applies your chosen design philosophy and layout type to produce production-ready HTML code.

Do I need professional UI design software to build a brand website?

No, you do not need professional UI design software to build a brand website. This skill removes that barrier by parsing brand assets and generating deployable HTML designs directly from natural language.

What design styles and layout types are available for HTML web design?

Available design styles for HTML web design include 20 philosophies like minimalism, Bauhaus, and cyberpunk. The system also supports 31 layout types and over 20 animation effects for diverse page creation.

How does the built-in design review work for generated HTML pages?

The built-in design review works by evaluating generated HTML pages across a 5-dimensional framework. This ensures the final web design output meets structural and aesthetic standards before deployment.

What are the limitations of using no-code HTML design for complex web apps?

A limitation of no-code HTML design is that it outputs pure HTML and CSS, making it best suited for content-driven pages like resumes and landing pages rather than complex interactive web applications.