Translate design exports (HTML + screenshot) into design-system-aligned code through ten explicit gates. A Claude Code plugin.
Turn raw frontend input into a stronger handoff package before code generation.
The last mile of vibe coding. Make any AI-generated page editable in the browser; export AI-ready diffs to Cursor / Claude / your dev.
A front-end project transforming a UX student's design into a React-based landing page for a gym/fitness club. This project bridges the gap between design and development, showcasing the art of bringing visuals to life with code. The designer is Alice Li.
Design-system handoff and repo-aware implementation bridge for Figma.
This project was about transforming a UX student's design into a React-based landing page for a gym/fitness club. The design for this Yogastudio page is by Meriem Manouchi.
Design review, directly on your site. Inspect, annotate, and export changes as JSON for developer handoff.
Add a description, image, and links to the design-handoff topic page so that developers can more easily learn about it.
To associate your repository with the design-handoff topic, visit your repo's landing page and select "manage topics."