Claude Code forge-quieter:在现有设计系统内降低界面视觉强度
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/forge-quieter/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/forge-quieter/`,把核对后的文件保存为 `.claude/skills/forge-quieter/SKILL.md`。
- 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/forge-quieter`。
中文摘要
用已有的字号、颜色和阴影变量减弱抢眼的界面元素,给主要内容留出清楚层级。
SKILL.md 中文导读
可复现示例
页面 calm-18 的次要横幅按现有变量使用 {accent: 600, shadow: 2},干扰主按钮。较弱的颜色和阴影变量已经存在。工作步骤
- 查出现有字号、颜色和阴影级别,选定要减弱的次要元素。
- 替换为系统内更轻的变量,复核主要动作和文本对比。
验收方法
使用 {accent: 500, shadow: 1} 调整次要横幅。预览中核对主操作更醒目,同时保留文本辨识度。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中提供现有页面和设计变量表,确认字号级别、颜色梯度和阴影等级。
常见问题
要重新设计整套颜色吗?
可先在现有系统范围内减弱级别,结合版面空白和标题大小调整视觉层级。