neonwatty/css-animation-skill ? reverse-engineered prompt

Reverse engineered prompt

I want you to make a self contained HTML animation that shows one feature of my app in a clean polished way for a demo and onboarding walkthrough.

Please look at the live app first and match the visual style as closely as you can, especially the colors, spacing, font feel, and overall layout. Then ask me a few focused questions about what part of the feature I want to show, what the main payoff moment is, and whether I want it to feel like a step by step feature demo or a simple carousel of screens.

Build the animation so it can stand alone in one HTML file and be easy to edit later. I’d also like a short brief file that explains the design choices, the states in the animation, and how the motion should flow.

Make it feel smooth, modern, and easy to understand at a glance. If you need current docs or examples, look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab