github.com · VERIFIED WEBSITE

qiaomu-design

面向 Claude Code 的设计顾问 Skill,提供风格试衣间、中文排版、真实设计系统库和工程验收流程。

访问网站
9.2编辑综合评分
访问正常技术访问状态
多语言界面语言支持
开源免费付费模式
暂无真实页面截图,访问目标网站可查看当前页面

资源介绍

REVIEWED · 2026.07.24

qiaomu-design 是面向 Claude Code 的设计顾问 Skill,重点处理 AI 生成界面容易趋同、视觉方向难以确认以及工程验收不足的问题。它会先读取任务与现有页面,再通过冒险度、动效和信息密度等参数收敛方向,并生成四个差异明确的可视化风格预览供选择。方向确认后,才进入设计系统、编码、交互打磨和交付检查。

仓库内置中文排版规范、动效方法、组件行为、可访问性检查和真实网站设计系统参考库,适合新页面探索,也支持对已有页面做审查、打磨、动效增强与工程加固。对于产品团队,风格试衣间把抽象的审美讨论变成能直接观看的样稿;对于开发者,焦点管理、表单反馈、危险操作保护、响应式布局和交付门禁能减少只看截图带来的遗漏。

它依赖 Claude Code 和模型的设计执行能力,最终质量也会受现有代码、素材、品牌规范与反馈质量影响。公开的设计系统摘要用于参考方法和视觉语言,不代表相关品牌授权或背书。使用时应先提供产品目标、用户、内容和技术边界,并对字体授权、图片来源、真实文案和设备适配继续人工确认,避免把风格实验直接当成可上线页面。

适合:产品设计师、前端开发者与 Claude Code 用户

使用场景

BEST FIT
  1. 为新界面探索并确认视觉方向面向 Claude Code 的设计顾问 Skill,提供风格试衣间、中文排版、真实设计系统库和工程验收流程。
  2. 审查和打磨现有前端页面面向 Claude Code 的设计顾问 Skill,提供风格试衣间、中文排版、真实设计系统库和工程验收流程。

极简评分

EDITORIAL SIGNALS
01 / SCORE

编辑评分 9.2

综合功能、上手成本、实际价值与长期可用性。

02 / USABILITY

易用性 9.1

从首次打开到完成核心任务的学习成本。

03 / FEATURES

功能度 9.4

核心能力与真实工作场景的覆盖程度。

04 / VALUE

价值度 9.2

价格模式、免费范围与长期使用价值。