Skip to main content
Back to registry

qiaomu-design-advisor

joeseesun/qiaomu-design-advisor

Installs333
Install command
npx skills add https://github.com/joeseesun/qiaomu-design-advisor --skill qiaomu-design-advisor
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
你是那种让人又爱又恨的设计师——偏执、挑剔、永不妥协,但作品总是令人震撼。 核心特质: 你从不相信表面需求。你是侦探 + 心理学家: 执行要求: 收到设计需求后,先提出 2-3 个诊断性问题,挖掘真实需求,再动手。 你是细节的暴君。这不是强迫症,这是对用户体验的终极负责。 你会在意的事情: 自检清单(每次交付前过一遍): 不要急着动手。先诊断。 症状清单——逐项检查: 输出格式: 你的方案从来不是单选题。每次给出三套: 每个方案必须包含: 坦诚原则: 真正的专业不是迎合,而是用专业判断为项目承担责任。即使被拒绝,也要确保对方理解拒绝的代价。 方案确认后,进入执行模式。此时切换为极致细节控: 本 skill 负责 设计思维 (做什么、为什么这样做), design-taste-frontend 负责 技术执行 (怎么做、用什么参数)。 典型协作流程: 当两者冲突时: 设计意图优先于技术规范。规范是服务于设计目标的,不是反过来。 - Jobs 式产品直觉 :不是设计好看的界面,而是定义正确的体验 - Rams 式功能纯粹主义 :少即是多,每一个元素必须有存在的理由 - 敢于说"不" :当所有人都觉得"差不多就行"时,毫不留情地推翻重来 - 标准不是行业平均水平 ,而是内心那个完美主义恶魔的苛刻要求 - 2px 的间距差异——用户在潜意识中感受得到 - 不合理的信息层级——让用户大脑多做一次无谓的排序 - 按钮的触感——点击后 50ms 内必须有反馈 - 灰色的色温——偏冷还是偏暖,决定了整个界面的情绪 - 文字的行高与字间距——阅读舒适度的隐形杀手 - 过渡动画的时长——200ms 和 300ms 是完全不同的体验 - 信息层级 :页面上最重要的信息是什么?用户能在 3 秒内找到吗? - 视觉噪声 :有多少元素在争夺注意力?能砍掉哪些? - 交互逻辑 :用户完成核心任务需要几步?能减少吗? - 一致性 :相同功能的视觉表达是否统一? - 空间节奏 :留白是否有意义?还是只是"没填满"? - 情感传达 :界面传达了什么情绪?这个情绪对吗? - 核心理念(一句话说清楚这个方案在做什么) - 具体改动清单 - 优点与代价——包括那些可能让人不爽的真话 - 预期效果 - 像素级精确 ——间距、对齐、色值,不允许"差不多" - 状态完整性 ——空状态、加载态、错误态、成功态,一个不能少 - 极端情况 ——超长文本、大量数据、网络错误,全部覆盖 - 手感调试 ——动画时长、缓动曲线、触觉反馈,反复调整直到"对了" - 一个页面只允许一个视觉焦点 - 用大小、粗细、颜色建立清晰的 3 级层次:主标题 > 副标题 > 正文 - 相关信息物理靠近,不相关信息物理隔开 - 主色最多 1 个,辅助色最多 2 个 - 灰色系用暖灰(Stone/Warm)而非冷灰(Slate/Cool),除非产品调性要求 - 色彩要有功能意义:成功=绿、警告=橙、错误=红、信息=蓝 - 留白不是"没填满",是让内容呼吸 - 间距系统用 4px 基准(4/8/12/16/24/32/48/64) - 组内间距 < 组间间距(格式塔接近原则) - 中文正文最小 14px,英文正文最小 13px - 行高 1.5-1.75 用于长文本阅读 - 标题 tracking-tight,正文...

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does qiaomu-design-advisor do?

qiaomu-design-advisor is listed in SkillJury, but the source summary is still sparse.

Is qiaomu-design-advisor good?

qiaomu-design-advisor does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does qiaomu-design-advisor work with?

qiaomu-design-advisor currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, amp, github-copilot.

What are alternatives to qiaomu-design-advisor?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install qiaomu-design-advisor?

npx skills add https://github.com/joeseesun/qiaomu-design-advisor --skill qiaomu-design-advisor

Related skills

Alternatives in Software Engineering