01
Find the moment
Ask for a few places Dots could add something. Your agent reviews before you commit to a change.
“Use the Dots skill to review my app. Suggest three places where a swarm would be useful. Don’t edit anything yet.”
Your idea.
Your agent. Our dots.
Give your coding agent the playbook. Shapes, real UI, physics, and everything in between. Ready to build in your app.
Install once. Keep creating.Open skill · Free
npx skills add hamza-al/dots-next --skill dotsuiCodex Claude Code Cursor and other skill-compatible agents
02
Make it happen
Pick the behavior. Your agent gets the right package, API, and integration pattern.
“Use Dots to turn a cloud into my existing Continue button. Keep the click handler and keyboard behavior.”
03
Make it yours
Tune the motion in plain language. Keep your app’s design and the parts that already work.
“Use the Dots skill to tune this sequence. Hold the finished shapes longer, keep the morphs around 1.4 seconds, and use my theme colors.”
OR JUST COPY THE IDEA
See it. Copy it. Ship it.
No skill install needed. Every shape, UI primitive, and demo code panel has a prompt with its install command, usage, and API notes.
Free
A little life in the loading state.
The cloud, its props, and everything your agent needs to place it in your app.
Find your shape LIVE PREVIEW
What does the skill teach?
Package boundaries, shape IDs, timed and scroll-driven sequences, solid UI primitives, independent physics actions, and Pro APIs. It includes focused references and examples so your agent reads what it needs.
Does it work with Free and Pro?
Yes. The skill is free and covers both. Core installs from npm. Pro requires your purchase and a private install token; the skill explains the setup without putting credentials in your code.
Skill or copy prompt?
Install the skill for ongoing work with Dots. Copy a prompt when you already know which effect you want. The prompt brings the selected effect’s setup and usage into any coding-agent chat.
Does it change my app automatically?
Installing the skill adds guidance, not UI. Ask your agent to suggest, build, or tune something. Your request decides what it changes.