@vista8: Open source, open source! Tired of AI-heavy web design and monotonous layouts? Qiao Bangzhu tested and compared 8 mainstream design Skills, absorbed the strengths of each, and open-sourced his own design Skill: qiaomu-design. Features: 1. Style Fitting Room: Generate four design demos from a single sentence, preview and confirm before development.

X AI KOLs Timeline Tools
open-source web-design ai-design chinese-typography self-evolution style-try-on

Summary

Qiao Bangzhu open-sourced the design Skill qiaomu-design, offering features like Style Fitting Room, anti-AI-style design, self-evolution mechanism, and references from mature websites, supporting GLM or Claude models.

Open source, open source! Tired of AI-heavy web design and monotonous layouts? Qiao Bangzhu tested and compared 8 mainstream design Skills, absorbed the strengths of each, and open-sourced his own design Skill: qiaomu-design Features: 1. Style Fitting Room: Generate four design demos from a single sentence, preview and confirm before development. 2. Anti-AI-Style: Avoid purple-blue gradients, cheap headlines, meaningless decorations. Added Chinese typography standards (overseas Skills ignore this). 3. Self-Evolution Mechanism: Records aesthetic preferences, so the Skill gets to know you better over time. 4. Mature Website References: Built-in design docs from 58 well-known websites to learn (borrow) layout, color schemes, etc. Strongly recommend using GLM 5.2 or Claude model to execute this skill. Installation command: npx skills add joeseesun/qiaomu-design Preview style pages; adjustable visual risk level, animation intensity, and information density.
Original Article
View Cached Full Text

Cached at: 07/06/26, 04:15 PM

Open source, open source!

Are you tired of AI-heavy web design and cookie-cutter layouts?

Qiao tested and compared 8 mainstream design skills, absorbed the best of each, and open-sourced his own design skill: qiaomu-design.

Features:

  1. Style Fitting Room: Generate four design demos from a single-sentence requirement. Preview and confirm before development.

  2. Fight the AI Aesthetic: No more purple-blue gradients, cheap big headings, or meaningless decorations. Added Chinese typography standards (which overseas skills overlook).

  3. Self-Evolution Mechanism: Records your aesthetic preferences so the skill gets smarter the more you use it.

  4. Proven Website References: Built-in 58 Design docs from well-known websites, so you can learn (or borrow) layouts, color schemes, and more.

Strongly recommended to run this skill with GLM 5.2 or Claude models.

Installation command:

npx skills add joeseesun/qiaomu-design

Preview the style pages — you can adjust visual risk, motion intensity, and information density.

Similar Articles

@xingxingli45573: Another great find called Taste Skill, which has already gained 20.3k stars on GitHub. Simply put, after installing it, the frontend interfaces generated by AI look much better. Layout, fonts, animations, whitespace — all aspects have improved significantly, giving an overall premium feel. It offers several design directions...

X AI KOLs Timeline

Taste Skill is an open-source frontend framework designed to enhance the visual quality of AI-generated interfaces. It offers multiple design directions and adjustable parameters, and has gained 20.3k stars on GitHub.

@IndieDevHailey: The aesthetic of this garden-skills is amazing, finally saying goodbye to AI-style websites! ConardLi's garden-skills has 6k+ stars. 25 style recipes directly elevate the aesthetics of AI-generated web pages—no more cookie-cutter blue-purple cards, Linear, Aes…

X AI KOLs Timeline

ConardLi's garden-skills project has achieved 6k+ stars, offering 25 style recipes and 4 Skill modules. Installable with a single npx command, it supports platforms like Claude Code and Cursor, aiming to enhance the aesthetics of AI-generated web pages and move away from monotonous designs.

@GitHub_Daily: Saw a nice website and want to replicate it, but extracting colors, fonts, and spacing requires digging through CSS for hours. SkillUI takes a URL and automatically extracts the entire design system. Colors, fonts, spacing, animations, component screenshots, packaged into a Skill that Claude Code can read directly. GitHub: …

X AI KOLs Timeline

SkillUI is a command-line tool that extracts a complete design system from any website, including colors, fonts, spacing, animations, and component screenshots, and packages it into a format directly readable by Claude Code, helping quickly replicate a website's visual style.

@yaohui12138: Damn! I thought Claude Design was the strongest, but this project is surprisingly useful too. On Saturday night, a friend’s SaaS dashboard UI had too much 'AI vibe' and was so ugly the client replied with a dismissive 'hehe'..... I completely redid it for him in just one hour using a GitHub project. It’s basically a Markdown file called DESIGN.md.

X AI KOLs Timeline

The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.