DialKit 开源:旋钮式界面让 AI 编码代理实时调 UI 参数
thisiskp_ · x · 2026-08-31
DialKit 是一个用旋钮(dial)实时调节界面的开发工具:在页面上叠加实体感十足的旋钮控件,可以实时调整字重、间距、动画弹性等参数,发布并获 KOL 转发推荐。
- 通过 npm install dialkit 安装,在 layout 中加入 <DialRoot /> 后用 useDialKit hook 即可给任意组件挂上滑杆/旋钮。
- 专为 AI 编码代理设计:官方推荐的用法是直接给 Claude/Cursor 等编码 agent 一句 prompt,例如"给这个卡片组件的 hover 弹簧动画加 DialKit 控件,实时调 visualDuration、bounce 和阴影模糊",agent 会自动接好线。
- 还支持文件夹分组控件、按钮触发动作(如重放动画)等,适合调布局间距、Toast 动画、弹层物理效果等场景。
「编程与Agent」频道最新
- Omarchy 助力 Copilot CLI 定制，旧 Mac 触控板问题已解 — DanWahlin · 2026-08-31
- 风投人实战：构建包含房产、家庭、财务管理的个人 Bot 军团 — elonmusk · 2026-08-31
- Opus 首试 AI 绘图工具：橡皮擦技法惊艳 — RileyRalmuto · 2026-08-31
- Grok bot 成为 X 上集成 Agent 的捷径，附赠免费 API 额度 — daniel_mac8 · 2026-08-31
- GTA 6 新整活：拿永远上不了线的 vibe coding 应用追女生 — menhguin · 2026-08-31
- Claude Code 被指在提交信息中静默添加公开会话链接 — Patient_Project425 · 2026-08-31