Local Figma Desktop plugin and localhost bridge for AI-ready design handoff bundles, without Figma API, Dev Mode MCP, or access tokens.

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.

Precise specs, redlines, and docs that eliminate guesswork at the design-to-code boundary.

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.

Turn a mockup into a dev-ready handoff spec: tokens, component states, accessibility notes, open questions

Figma plugin that generates visual design-handoff specs: anatomy, properties, layout, variables, modes and more.

Lift Logger UI handoff for Flutter — 50 audited screen states + interactive prototype

Free and handy AI-built tools I use every day, shared so you don’t have to spend your own tokens reinventing them.

Avocode APIs.json profile

Claude Code skill — categorized index of design tools (animation, color, prototyping, handoff, design-to-code, UI, and more).

Zeplin APIs.json profile for API Evangelist catalog

An approval-first agent skill for exploring UI directions, validating interactive HTML prototypes, documenting approved designs in Figma, and handing work off to implementation.

Design-system handoff and repo-aware implementation bridge for Figma.