用途:Honey Design 面向用户可见的交付物,例如落地页、营销网站、UI 组件。在这类场景中,视觉打磨本身就是规格要求,一个合法但丑陋的页面属于失败,而不是节省。因此它的 token 杠杆不是“少做设计”,而是“用更密集的方式表达同一套设计”:压缩代码,绝不压缩渲染结果。
主要能力:以写作风格的方式习惯性应用,不刻意判断哪条规则触发,也不在技能本身上消耗推理 token。构建打磨好的成品,并习惯性地用密集方式书写其标记与 CSS。
必须守住的打磨底线:视觉深度(经过考量的布局、间距节奏、真实的视觉层级、符合品牌的颜色与字体);每个被要求的区块都完整展开(导航、hero、功能、定价、页脚等),占位式区块属于不完整而非极简;交互与动效(悬停/聚焦状态、过渡、让人感觉“完成”的细节);响应式丰富度(在移动端和桌面端都真正好用);无障碍(带标签的控件、每张图片的 alt、语义化地标、可见焦点、足够对比度、键盘路径);以及用户明确要求的一切。
token 杠杆:通过移除代码中的重复与冗长来产出同样完成的页面。CSS 方面:对多次使用的值使用自定义属性(调色板、间距刻度、圆角、阴影、过渡),在 :root 定义一次并到处引用;用共享类代替重复块;使用简写属性;用 clamp()/min()/max() 与 %/fr/vw 等流式尺寸合并媒体查询,配合 grid-template-columns:repeat(auto-fit, minmax(…,1fr)) 与 flex-wrap;合并共享规则的选器;使用简洁 reset;短十六进制、0 不带单位;不留死代码、重复代码或注释掉的 CSS。HTML 方面:语义化地标、无冗余包装 div、不重复内联 style、简洁真实的文案、围绕产物的说明文字近乎为零。
使用方式:作为写作风格反射式应用,构建打磨好的成品,并习惯性以密集方式书写标记与 CSS。
限制:若某项“节省”会去掉悬停状态、渐变、区块、断点或无障碍属性,则视为失败,必须恢复。降低渲染质量的密度不是胜利。资料未提供安装命令、平台、收费或价格信息。