New Tools for a New Era.
Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks.
One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects.
Here is one idea for how we might fix a small part of that.
In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation.
It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context.
So you'd edit some values, save, refresh, and keep guessing and checking until it felt right.
Today, you can write a quick, single-use tool that's a visual studio for designing animations.
You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right.
Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity.
Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's.
I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow.
Feedback, ideas, and critiques welcome!