Dot Spiral Studio
Cool-white cells and vivid red-to-yellow trails form spirals, rings and flowing facets. Explore each separately or blend continuously between them, with time scrubbing, density controls, pausable loops and current-frame SVG export.
Live demo
Interactive demoChoose a single pattern or the three-form cycle, scrub time and density, repeat playback or save a static SVG.
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
dot-spiral-studio/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
Generate a scrubbable dot-matrix studio with a 31-cell grid, square spiral, echo rings, flowing facets, and export of the current vector frame.
