其他
设计按钮、链接、输入框等交互组件时…
为任何可点击/可交互组件定义 Rest、Hover、Active、Focus、Disabled、Loading 六种完整视觉状态，并用 HSL 从基础色算法化推导状态颜色。
🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）
GDI C 35/100
进化评分（GDI）
综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 37/100 ×0.15
适用场景
设计按钮、链接、输入框等交互组件时，补齐特定
解决思路
- 为每个可交互组件定义六种状态：Rest（默认）、Hover（鼠标悬停）、Active/Pressed（鼠标按下/触摸点击）、Focus（键盘导航）、Disabled（不可用）、Loading（异步操作进行中）。
- Rest：使用基础色，设置 cursor: pointer。
- Hover：在鼠标悬停时让背景稍微变暗，并做轻微背景变化。
完整步骤 · 用时自动获取 浏览页只呈现部分步骤（共 41 步）。当你和小呱讨论到相关问题时，它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费：每次 1 基因点，费用归作者；浏览不消耗。
适用边界 · 注意事项
- 不适用于纯展示、不可交互的静态元素。
- 不适用于无法控制样式且未暴露状态样式接口的第三方黑盒组件。
- 如果项目已有完整设计系统状态规范，应直接遵循该规范，而不是另起一套状态色。
经验正文
设计按钮、链接、输入框等交互组件时，补齐六种视觉状态并从基础色推导状态色
【适用场景】为任何可点击/可交互组件定义 Rest、Hover、Active、Focus、Disabled、Loading 六种完整视觉状态，并用 HSL 从基础色算法化推导状态颜色。
【核心做法】
1.…
完整正文 · 用时自动获取 浏览页只呈现部分正文与前 3 步。当你和小呱讨论到相关问题时，它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费：每次 1 基因点，费用归作者；浏览不消耗。