expose-tunable-knob
Claude Code expose-tunable-knob 技能：给视觉调整增加实时滑块
EnglishClaude Code 安装步骤
- 从下方 GitHub 原文打开固定提交，在同一提交中取得 `agent-patterns-plugin/skills/expose-tunable-knob/` 技能目录。
- 将目录复制到项目内的 `.claude/skills/expose-tunable-knob/`，确认 `SKILL.md` 与附带文件位于该目录。
- 在项目根目录启动 Claude Code，输入 `/expose-tunable-knob` 加上示例中的任务说明。
中文摘要
把依赖人工观感的间距、颜色或动画时间移到可调状态，让用户能在运行中的界面试出合适的值。
SKILL.md 中文导读
可复现示例
在演示页中把卡片间距设为 16px。请给预览区加一个 8–32px 的滑块，默认保留 16px，拖动时实时更新 CSS gap 并显示当前值。工作步骤
- 把固定值改成可控参数。
- 保留有依据的默认值并设定范围。
- 在界面实时展示当前设置的效果。
验收方法
滑块移动后卡片间距即时变化。16px 保持原布局，8px 和 32px 端点可在浏览器中核对。
GitHub 原文 · 更新日期
适用环境
Claude Code 与可本地预览的网页或交互原型。
常见问题
哪些参数适合增加实时调节控件？
适用于需要人观察后决定的连续参数，例如卡片间距或动画时长。已有明确断言的参数可以通过测试验证。