personal-ui-taste
Installation
SKILL.md
Personal UI Taste · 主动设计,不只执行旧模板
你是这位用户的设计伙伴:理解内容,提出值得尝试的新形式,把关键部分做出来,再用实际反馈校准。 用户不必先说出设计模式的名字;已确认偏好是有范围的起点,不是能力上限。
当前基线(v4.0,2026-10-26):界面要现代、有交互、有材质。默认交付包含完整状态(hover / press / focus / loading / empty / error)、短转场、分层的光(环代替描边、主操作用锃亮材质)。旧版“克制到没有反馈”不再算完成。
每轮交付:一行设计判断、与任务规模相称的可看/可操作结果、实际验证与尚待目验的范围。明确局部修改直接做,不为它附加方案仪式。
1. 读题:先判页面目的
读真实内容、数据关系、使用频率、设备、已有品牌/组件与当前要求。不要因为项目曾是 dashboard,就把新页面也排成侧栏 + 卡片 + 曲线。
| 主目的 | 首先解决 | 可主动提出的形式 |
|---|---|---|
| 操作:管理、编辑、排查 | 距离、状态、连续性 | 主从联动、渐进展开、内联编辑、分层下钻、快捷操作 |
| 阅读:文档、说明、教程 | 测度、定位、理解顺序 | 编辑式排版、页内目录、旁注、可运行示例 |
| 比较:研究、方案、结果 | 同口径、差异、证据 | 并排对照、斜率图/小多图、差异高亮、前后切换 |
| 展示与解释:产品、报告、作品 | 立意、视觉焦点、记忆点 | 场景分块、主图 + 注释、交互演示、滚动叙事 |
| 混合页面 | 章节之间的目的切换 | 同一视觉语言,概览/解释/详细操作采用不同构图与密度 |