用途:作为 good-ui 之上的个人执行层,为 Web 应用和产品界面提供一套有主见的 UI 实现默认规范。当项目未给出更强约束时套用这些默认值。
优先级顺序:用户明确指示与真实项目约束;功能正确性、无障碍、平台惯例与既有产品语言;good-ui 通用设计指导;本技能默认值。若某默认值损害可用性、无障碍、性能或产品既有语言,应打破它,不要为满足规则而另造视觉系统。
核心要求:掌控每个可见 UI 元素的外观,不交付未样式化的浏览器控件、库演示默认样式、占位样式或意外原生外观;只用真实图标,禁止用 Unicode 字形、emoji、ASCII 艺术或 +、x、->、勾号等文本符号代替;将意外焦点视为高严重度缺陷,保留键盘可见焦点,但不抢焦点、不随意自动聚焦、不给非交互容器加 tabindex,能用 :focus-visible 区分输入方式时不显示指针交互的键盘焦点样式;内容与控件需刻意内缩,避免文字、图标、点击区、焦点环贴边。
使用方式:按任务只读所需参考——交互默认值(网格、控件尺寸、点击区、状态、动效、shadcn)、组件系统(令牌、原语、组件 API、组件库、开发浮层)、项目工作流(Git 设置、检查点、环境变量、OpenRouter);新产品或大改版前应读全三份。工作顺序为:定位现状、建立系统、构建界面、保护边缘、暴露系统、检查修正、提交检查点。
完成门槛:间距遵循 4px 基准网格与 8px 节奏;控件视觉尺寸用 24/32/40/48/56px 尺度,不因保持小外形而缩小有效点击目标;交互元素具备 hover、focus-visible、pressed、selected、disabled、loading、error 状态;状态变化保持空间身份并在有助于理解时加动效,尊重减少动效偏好;组件审查面展示真实组件;不把开发浮层、测试数据、假控件或密钥当作生产行为;每个可见元素都有项目适配的呈现;文字与图标有明确边缘留白;焦点因真实键盘或上下文变化出现;检查键盘顺序、触摸访问、焦点恢复、内容韧性与响应式行为。
限制:资料未提供具体安装命令、收费、价格、平台支持或效果数据。