make-tweakable

Featured

Add in-design tweak controls

AI & Automation 64,796 stars 10637 forks Updated yesterday CC0-1.0

Install

View on GitHub

Quality Score: 87/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
15
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Make tweakable Make sure your design supports Tweaks. If the user tells you what to make tweakable, do that. If not, pick a few high-impact values — key colors, a layout variant, a feature flag, headline copy. Keep the Tweaks panel small and tasteful; hide it completely when Tweaks is off.

Details

Author
asgeirtj
Repository
asgeirtj/system_prompts_leaks
Created
1 years ago
Last Updated
yesterday
Language
JavaScript
License
CC0-1.0

Integrates with

OpenAI · AI Anthropic · AI

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

make-tweakable

Use when adding interactive parameter control sliders and tweak panels to web apps

4 Updated today
imMamdouhaboammar
Web & Frontend Listed

ux-designer-mindset

Use when building or changing anything a user interacts with - a control, a screen, a flow.

2 Updated 2 weeks ago
Fergius-Engineering
Web & Frontend Listed

building-tuning-panels

Builds live parameter tuning panels as floating developer overlays with sliders, toggles, color pickers, dropdowns, and spring controls wired to app values for real-time visual exploration. Selects suitable panel libraries by stack (DialKit, Leva, Tweakpane, lil-gui, native HTML), maps hardcoded values to controls with sensible ranges, adds export/presets, and strips panel code from production builds. Use when users ask to add debug sliders, a variables panel, a tuning panel/GUI, or live tweak controls for animation, styling, layout, typography, color, physics, or chart parameters.

0 Updated 4 weeks ago
msewell