slicer.dev - Copy interactive web components as AI prompts
by•
Designers save references. This turns them into prompts.
Extract any component from any website with interactions, animations, structure, states - and get a ready-to-use prompt for Lovable, Cursor, Claude Code, or wherever you build.
Replies
Hi, fellow builders and vibecoders!
When we build websites, we all start with inspiration: we find website we like, we screenshot it and we forward it to our designers or paste to vibecoding tools, hoping it will be fully recreated with 100% accuracy so that we can iterate it further. But it rarely is.
A screenshot does not capture interactions, animations, states. It's impossible for AI to recreate something from a flat image.
slicer.dev solves that: it copies all the information beyond a screenshot that makes a component interactive. On top of that it gives you React code or AI prompt that will create a reusable component in your project.
Works very simply: open browser extension → select a component → generate and copy the prompt (or a react code!)
Version 2.0 is already in works where you will be able to debrand/redesign/merge/apply style for extracted components.
@danischenker Given I need use AI to generate code/prompt, I incur costs, so I cannot offer it for free. But you get a few exports for free to try when you sign up.
Also I'd be happy to exchange feedback for extra extractions :))