building a claude skill for rule rn

anyone at the company, not just designers, can open claude and prototype inside the real product. real screens, real components, test data

the skill is basically a map of our design system for claude. every component, when to use it, what to use instead. that's what stops it from making stuff up

the video is the same map but for humans. component library, flip variants, see the code. at the end you see the notes claude gets for that same button

one file builds both so they never drift apart

designers first, then everyone else 🔥

Prototyping with real components is a great idea.

Portfolio is live! Designed in Figma from scratch and developed using Claude Code with many many incremental enhancements done in Claude Code directly. The main goal was to showcase the design & development connection I'm trying to reach at this point forward, for me Product Engineer is the future of building great products. Check it in action: mostafaelkorashy.com

Agree on Product Engineer being the future, the gap between the Figma file and what ships gets so much smaller when one person owns both. Did Figma stay the source of truth the whole way, or did you start designing straight in code once Claude Code got going?