用途:在构建新界面或重塑现有界面时提供视觉设计指导,帮助确定审美方向、字体排版与整体设计意图,避免套用通用模板。
主要能力:以“小工作室设计主管”的视角,为项目建立独特的视觉身份;从产品或主题自身世界(材料、器物、术语)中提取设计线索;提出包含颜色、字体、布局与“签名元素”的紧凑设计令牌系统;用两轮流程先做设计规划、再审视是否流于默认套路、最后才写代码;对文案写作给出指导(从用户视角命名、使用主动语态、一致词汇、错误与空状态处理);要求保持移动端响应、键盘焦点可见、尊重减少动画偏好。
使用方式:先锁定具体主题、受众与页面唯一目标;头脑风暴设计计划(4–6 个命名色值、2 个以上字体角色、布局概念与 ASCII 线框、一个签名元素);对照需求复核,若某部分像通用默认答案则修改并说明原因;确认独特性后再按修订计划编写代码,并注意 CSS 选择器优先级冲突。鼓励在思考中完成大部分规划与迭代,环境支持时截图自评。
限制:属于设计指导性资料,未提供具体安装命令、代码库或平台支持信息,相关技术细节暂未提供。