joeseesunjoeseesunCommunity·1 Agent Skills Included

qiaomu-design

Opinionated web design advisor with anti-generic visual rules

Guides page redesigns, UI reviews, and new interface builds through a three-phase diagnose-preview-execute workflow. Generates four real visual direction mockups so users pick a style by looking, not guessing from text descriptions. Blocks generic purple-gradient layouts, enforces Chinese typography rules, motion craft standards, and engineering checklists. Includes 58 real-site design system references for style matching.
npx skills add joeseesun/qiaomu-design --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install qiaomu-design?

Run `npx skills add joeseesun/qiaomu-design --all -g -y` in your terminal to install it globally.

How to stop AI-generated pages from looking generic?

This skill bans common clichés like purple gradients, Inter font, and centered hero layouts, then generates four distinct visual mockups so you pick a real direction before any code is written.

Does qiaomu-design support Chinese typography?

Yes. It enforces system font stacks, proper CJK line height, punctuation spacing, and subset loading for decorative Chinese webfonts.

Can it redesign an existing page without starting over?

Yes. Polish mode audits, critiques, and fixes your current page in place, covering visuals, motion, accessibility, and mobile issues without a full rewrite.

Which design systems can it reference?

It ships with 58 DESIGN.md files distilled from real sites like Stripe, Linear, Apple, and Vercel, so you can ask for a page in the style of any of them.

Related Repositories in Design & Creative

View All in Design & Creative