Screenshot In, Animated Site Out

A solo builder spent months on SlideDev MCP in isolation, a pattern-library tool that hands Claude real GSAP animation code instead of letting it guess from memory. This week a total stranger grabbed a screenshot of a website off Google, dropped it into Claude, hooked up the MCP, and asked it to build the site.

Here’s the twist: it worked, on a test the builder never designed himself. Claude pulled actual patterns from the library instead of hallucinating animation syntax, turning a flat screenshot into a working, animated page. The only miss was the animations feeling a little same-y, one pattern stretched across the whole site instead of layered per section. That single result told the builder exactly what to fix: push the model to pick an animation mood on its own when nobody specifies one, and call the pattern search multiple times per build so the hero, the scroll reveals, and the hover states each get their own real pattern instead of one generic pass over everything.

Want to run the same test yourself?

  • 🖼️ Screenshot a site design you like off Google or Dribbble
  • 📥 Drop it into Claude and connect the SlideDev MCP
  • ✍️ Describe what you want, or leave the mood open and let it choose
  • 🎬 Watch it pull real GSAP patterns instead of guessing at syntax

Pro tip: if the first pass looks like one animation slapped on everything, ask it to run the pattern search again per section, hero entrance, scroll reveals, hover states, each called separately instead of one sweep.

Grab a screenshot, run the test, and report back what it pulls: mcp.slidedevai.com 🚀

Finally found a new user
by u/Separate-Topic4883 in ChatGPTPromptGenius

Scroll to Top