Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add Onevium/awesome-claude-skills --skill make-tweakablegit clone --depth 1 https://github.com/Onevium/awesome-claude-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/onevium/awesome-claude-skills/make-tweakable)<a href="https://agentmods.dev/skills/onevium/awesome-claude-skills/make-tweakable"><img src="https://agentmods.dev/badge/skills/onevium/awesome-claude-skills/make-tweakable/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/onevium/awesome-claude-skills/make-tweakable"><img src="https://agentmods.dev/badge/skills/onevium/awesome-claude-skills/make-tweakable.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00095 | $0.00661 |
| Opus 5.5 | $0.00038 | $0.00264 |
| Sonnet 5.5 | $0.00019 | $0.00132 |
| Haiku 4.5 | $0.00010 | $0.00066 |
Grade A, and why
make-tweakable scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
添加可调参数面板
在不制造多个版本文件的前提下，让用户探索少量高价值设计轴。参数面板服务于评审，不应变成简陋的 Figma 替代品。
1. 选择可调项
确认或建议真正影响方向的变量，例如主色、字体、字号、密度、布局、组件样式、标题和功能开关。通常控制在 3–8 项，每项都应对应用户想比较的决策。
2. 设计面板
面板默认浮动在不遮挡主要内容的位置，使用紧凑纵向布局，并提供清楚的显示/隐藏按钮或键盘快捷键。按值类型选择控件：颜色选择器、下拉或按钮组、滑块、开关和文本输入。
3. 接通状态
视觉 token 通过 CSS 自定义属性更新；文案、布局和功能开关使用明确的 JS 状态。默认值集中在普通对象中，使面板关闭时仍能完整渲染。
需要跨刷新保留探索结果时使用 localStorage，安全解析旧数据并提供恢复默认值。首次渲染前应用已保存状态，避免闪烁。
4. 保持成品感
关闭面板后应完全隐藏全部编辑界面，页面看起来仍是可交付成品。面板不得修改业务数据、调用真实后端或泄露调试信息。
5. 验证
逐项更改参数，确认影响范围正确；刷新后检查持久化；恢复默认值；在面板关闭时检查布局、键盘焦点和移动端遮挡。
示例
输入：“让我现场调这个落地页的颜色和间距。”
**输出：**在同一 landing.html 中加入可隐藏 Tweaks 面板，提供主色、强调色、紧凑/常规/宽松密度和基础字号四项控制；使用 CSS 变量实时更新，可恢复默认值并选择性持久化。
来源与许可
本 Skill 基于 Trystan Sarrade 的 claude-design-system-prompt 进行中文化与 Claude Skill 规范适配。上游与本改编均按 MIT License 发布，详见 LICENSE.txt。
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 45 lines · 95 tokens per session scan A d876e7cedf5f
make-tweakable is a skill published in the GitHub repository Onevium/awesome-claude-skills (1 stars, last pushed 1mo ago), licensed MIT. It adds 95 tokens to every session and 661 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
anti-slop-design
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
anti-ui-slop
Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.
antigravity-design-expert
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
web-design-expert
Web design and UX guidance for visual systems, accessibility, interaction patterns, and performance-aware interfaces. Use when designing a website's look and feel, improving UX/accessibility, or reviewing a UI for polish and performance.
ai-product
Every product will be AI-powered. The question is whether you'll build it right or ship a demo that falls apart in production.