资源介绍
REVIEWED · 2026.07.24qiaomu-design 是面向 Claude Code 的设计顾问 Skill,重点处理 AI 生成界面容易趋同、视觉方向难以确认以及工程验收不足的问题。它会先读取任务与现有页面,再通过冒险度、动效和信息密度等参数收敛方向,并生成四个差异明确的可视化风格预览供选择。方向确认后,才进入设计系统、编码、交互打磨和交付检查。
仓库内置中文排版规范、动效方法、组件行为、可访问性检查和真实网站设计系统参考库,适合新页面探索,也支持对已有页面做审查、打磨、动效增强与工程加固。对于产品团队,风格试衣间把抽象的审美讨论变成能直接观看的样稿;对于开发者,焦点管理、表单反馈、危险操作保护、响应式布局和交付门禁能减少只看截图带来的遗漏。
它依赖 Claude Code 和模型的设计执行能力,最终质量也会受现有代码、素材、品牌规范与反馈质量影响。公开的设计系统摘要用于参考方法和视觉语言,不代表相关品牌授权或背书。使用时应先提供产品目标、用户、内容和技术边界,并对字体授权、图片来源、真实文案和设备适配继续人工确认,避免把风格实验直接当成可上线页面。
适合:产品设计师、前端开发者与 Claude Code 用户