Tactile Scene Toggle
A white thumb slides between two segments while the active icon unfolds. Sky, hills, sun, moon and window lighting change together; cloud and wish actions leave visible additions in the scene.
Live demo
Interactive demoSwitch day and night to transform the scene; add clouds by day and leave a star with each nighttime wish.
Open preview in a new windowMake this effect yours
Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.
Download SKILL.md only- Download and unzip
Keep the
tactile-scene-toggle/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Create a day-and-night segmented switch whose sliding thumb transforms a cottage scene, with add-cloud and wish interactions.
