实心主动作
公开默认深色按钮突出一个主要动作。
样式规则与来源
- 同一操作组只有一个主要动作；按钮文字描述结果。
- 处理中保留动作名称并阻止重复提交；禁用原因由产品在附近解释。
- 悬停、键盘焦点和禁用保持可区分；可点击区域不随状态跳动。
为跨项目复用编写的中性样例；颜色、密度与尺寸按目标主题适配。
按钮
让用户识别并触发当前动作。
下面的样例使用相同内容，可直接点击并用键盘操作；应用时沿用产品主题。
轻描边
描边保留操作可见性，适合次要动作。
样式规则与来源
- 中性描边与轻阴影表达可点击范围，悬停加浅色底。
- 保持可见焦点与禁用状态，主次关系按产品任务确定。
观察官方 Button 源码的 outline、focus-visible、disabled 与 defaultVariants；这里是独立 HTML/CSS 适配，不要求 React/Tailwind。 查看来源
Primer 主动作
绿色主动作配中性辅助按钮。
样式规则与来源
- 遵循引用风格的主次、圆角、焦点与禁用规则。
继承 按钮与图标按钮 的当前规则。
实测：高度 28/32/40px、6px 圆角、14px w500（小号 12px）。主按钮 #1f883d 白字、1px rgba(31,35,40,.15) 边、hover #1c8139，一组动作只设一个；默认按钮 #f6f8fa、1px #d1d9e0、#25292e，hover #eff2f5；透明按钮无底、#59636e 字，hover 中性浅底；危险操作默认外观配 #d1242f 字，最终确认才用红色实底。图标按钮为 28/32px 方形 6px。focus-visible 为 2px #0969da 外环；禁用保持形状并降低不透明度。不使用胶囊按钮和按下缩放。窄屏同样只用 28/32/40px（390px 仓库页实测按钮 28/32px），不为触屏放大到 44px。复制按钮是 28px 默认按钮，复制成功后图标换成对勾并转 #1a7f37（README 代码块实测），需要文字确认时配瞬时提示层。选中的筛选、日期或分段项属于导航状态，按页内导航与分段条款使用选中样式，不套用绿色主按钮。
为跨项目复用编写的中性样例；颜色、密度与尺寸按目标主题适配。
使用所选样式
只用于本次任务，不改变项目或公开默认。
复制后发送给 agent；应用完成后由 agent 回读配置并验证产品页面。
查看完整请求
【PROMPT 开始——从下一行复制】
## 执行方式 本 Prompt 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/；读取其 SKILL.md 后执行，不覆盖已有同名目录。 ## 任务 请将目标产品的「按钮」采用变体 solid，范围：仅本次任务。目标产品沿当前对话；缺少目标时向我确认。 组件：button 目录：https://prompts.aiplanet.live/api/webui/components/v1/index.json 定义：https://prompts.aiplanet.live/api/webui/components/v1/button.json 目录内容 SHA256：e89b7c2c1b39aa71030cf1247e23dd248e94857d5f5f8229aa0d40750c0db331 按组件选择工作流应用并验证，交代实际生效来源与结果。若范围是长期公开默认，先准备目录变更和可浏览快照，沿其发布批准流程同步；这次复制不代表配置已经改变。
【PROMPT 结束——复制到上一行】