A Claude Code Agent Skill, joeseesun/qiaomu-design combats generic "AI-generated" design aesthetics by offering an opinionated approach focused on user-defined styles, engineering-grade delivery, and improved Chinese typography. It targets Claude Code users seeking more human-like, tailored AI-assisted design outputs, moving beyond templated interfaces.

How It Works

The skill diagnoses user needs, then presents a "style fitting room" with four distinct visual directions for user selection. It actively avoids common AI design clichés ("anti-slop" bans) and implements specific Chinese typography rules. Designs are delivered with an engineering checklist (Vercel WIG standards) and can be iteratively refined via "polish mode." Its core mechanisms are derived from extensive, controlled experiments comparing AI design skills, ensuring validated, high-quality outputs.

Quick Start & Requirements

• Install: npx skills add joeseesun/qiaomu-design or manual clone.
• Prerequisites: Claude Code installed.
• Links: Claude Code Docs, Project Page.

Highlighted Details

• Style Fitting Room: Offers 4 distinct visual mockups for user choice.
• Anti-AI Tropes: Bans common AI design patterns (purple gradients, Inter font, centered heroes).
• Chinese Typography: Enforces system fonts, CJK spacing, line-height, and punctuation rules.
• Engineering Standards: Adheres to Vercel WIG (a11y, focus, destructive actions).
• Design System Library: Integrates real-world systems (Stripe, Linear) for reference.
• Polish Mode: Iteratively refines existing pages.
• Self-Evolution: Learns from user feedback.

Maintenance & Community

Maintained by 向阳乔木 (@joeseesun). Project homepage: qiaomu.ai.

Licensing & Compatibility

• License: MIT License, generally permissive for commercial use and closed-source linking.
• Notes: Decorative CJK webfonts are excluded by default due to size.

Limitations & Caveats

Requires Claude Code; effectiveness depends on the model. A local preview service fallback exists if the primary service fails. The skill does not inject custom branding widgets by default. Decorative CJK webfonts are disabled by default.