Qiaomu Design banner
joeseesun joeseesun

Qiaomu Design

AI community

Description

偏执型设计顾问:反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

qiaomu-design · 偏执型设计顾问

**中文** | [English](#english)

让 AI 做出"不像 AI 做的"设计:Jobs 式产品直觉 + Rams 式功能纯粹主义,融合五大顶级设计 Skill 的实测精华。

An opinionated design advisor skill for Claude Code: anti-generic aesthetics, engineering-grade delivery, and a visual "style fitting room" — distilled from a controlled experiment across 5 top design skills.

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE) [![Skill](https://img.shields.io/badge/Claude%20Code-Agent%20Skill-blue)](https://docs.anthropic.com/claude/docs/claude-code) [更新日志](CHANGELOG.md)

**已验证:** 本 skill 的每条核心规则均来自多轮主流设计 Skill 横评实验,并经浏览器实测交互验证。

**完整横评:** [前端设计 Skill 横评实验室](https://designskill.qiaomu.ai/) 展示 8 个主流变体 × 10 个任务的 80 个真实生成页面,qiaomu-design 与 impeccable 均已补齐全部任务。

模型建议

强烈建议用 **GLM5.2 / GLM 5.2** 或 **Claude** 模型执行本 skill。近期实测里,Codex 中的 GPT 模型做设计生成效果很不理想:容易保守、空洞、模板化,难以稳定产出有气质的完整页面。追求高质量视觉时,优先切到 GLM5.2 或 Claude。

案例

视频案例 · 冥想网站

![qiaomu-design 生成的冥想网站案例动图](docs/assets/cases/qiaomu-design-meditation-site.gif)

横评截图

以下 10 张截图来自 qiaomu-design 在横评实验里的真实生成页面。点击截图可打开线上可交互原始文件。

落地页 · AI 会议笔记 仪表盘 · 电商运营
qiaomu-design 生成的 AI 会议笔记落地页截图 qiaomu-design 生成的电商运营仪表盘截图
作品集 · 独立设计师 交互向导 · 机票预订
qiaomu-design 生成的独立设计师作品集截图 qiaomu-design 生成的机票预订交互向导截图
设置中心 · 危险操作组件 创意 404 · 星空航行
<a href="https://designskill.qiaomu.ai/pages/qia