Vibe Coding Discover

Skills

blueprint-animation

View on GitHub

Claude Design skill: animated before → after UX redesign, explained step by step through a blueprint drawing. By @moguzbulbul.

★ 37518 forksJavaScriptCustommoguzbulbul

A Claude Design skill that turns Figma screens into step-by-step blueprint animations. It supports before-and-after redesigns and explanations of a single screen, with guidance for animation, annotations, and design QA.

Use Cases

Create animated before-and-after UX redesign walkthroughsExplain design decisions module by moduleProduce UX case studies and design rationale videosCreate social media design walkthroughs

Built With

Language
JavaScript

Tags

Claude Design · UX design · blueprint animation · design rationale · Figma · redesign walkthroughs