Template · Skill template

tweaks.

Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for "variants", "side-by-side options", "tweak this", "let me adjust", "live knobs", or "实时调参".

Mode
prototype
Platform
desktop
Scenario
design
tweaks preview
Rendered from the template's seed data.

What's in this template

Templates ship as forkable folders. Depending on origin, they include SKILL.md instructions, a preview example, or a template.html/data.json renderer with README notes.

  • SKILL.md — Skill
  • example.html — Rendered from the template's seed data.
  • assets/ — Template
  • references/ — Craft principle