qiaomu-design-advisor

一个融合多套顶级设计理念、提供非模板化界面设计与评审的偏执型AI设计顾问。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:qiaomu-design-advisor。
它的用途是:一个融合多套顶级设计理念、提供非模板化界面设计与评审的偏执型AI设计顾问。
完整的 Skill 内容见:https://321skill.com/skills/qiaomu-design-advisor/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我重新设计这个后台数据仪表盘,感觉信息太乱了。” 它会先询问你的业务目标和用户角色,然后提供几种不同侧重点(如信息密度、视觉风格)的设计方向预览图,等你选择“方案B”后,再为你生成详细的设计方案与优化清单。

介绍

qiaomu-design-advisor 是一个专为界面设计、评审与优化打造的AI技能。它解决了AI生成设计时常见的“模板化”和“脱离工程实践”问题,旨在生成既美观又可直接交付给开发团队的设计方案。

使用时,用户只需描述设计需求或提供现有界面,顾问会遵循一套严谨的三阶段工作流:先进行“设计读取”理解场景,再提供多个设计方案预览供用户选择,最后执行用户选定的方案。整个过程强调与用户的深度协作,而非AI的单向输出。

它非常适合产品经理、UI/UX设计师、前端开发者在进行页面重构、方案评审、交互优化或从零构建视觉系统时使用。无论是需要大胆创新的营销页,还是要求严谨克制的后台系统,它都能提供针对性建议。

与同类设计AI工具相比,它的核心在于融合了多套经过实测验证的顶级设计系统精华(如Vercel、IBM Carbon等),并内置了58个真实网站的设计系统参考库,确保其建议既有美学高度,又具备工程落地性。

核心特点

1. 内置严谨的“三阶段工作流”和“三拨盘自适应”机制,能根据任务类型(如功能页、营销页)自动调整设计策略,而非一成不变。2. 融合了Anthropic、Vercel、IBM Carbon等多套顶级设计系统的实测精华,并拥有58个真实网站的DESIGN.md参考库,建议更具实践指导价值。

注意事项

不适合需要快速生成大量简单、标准化模板页面的场景,其工作流更侧重于深度思考和方案共创。

常见问题

这个设计顾问怎么用?

向AI发送设计需求(如“重新设计这个登录页”),它会先与你沟通关键信息,然后提供多个方案预览,你选择后再深入执行。

它能直接生成代码吗?

主要产出设计思路、方案评审和视觉建议,虽然包含工程验收清单,但并非直接生成前端代码的工具。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/qiaomu-design-advisor/raw/index.md 读取 qiaomu-design-advisor 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。