designtwin

Name: designtwin
Author: its-magdy

its-magdy ★ 2

DesignTwin extracts design specs from Figma and audits them for implementation gaps (states, tokens, accessibility, platform translation), then generates multi-stack production code (React/Tailwind, CSS Modules, React Native, SwiftUI, Jetpack Compose, Flutter) with automatic re-sync when designs change. The plugin includes token and component drift detection to keep built screens aligned with Figma without rebuilding.

Code Review Design & Frontend No API key detected runs shell

Install

> /plugin marketplace add its-magdy/design-twin/tree/HEAD/claude-plugin

> /plugin install designtwin

Source: https://github.com/its-magdy/design-twin/tree/HEAD/claude-plugin

What it's made of

2 agents · 6 skills · 3 hooks

Commands: 0
Agents: 2
Skills: 6
MCP servers: 0
Hooks: 3 · PreToolUse, SessionStart, SubagentStop

What it needs & plugs into

API keys: none
Paid services: none detected
External tools: bun sh
Talks to: nothing external detected

Analyzed 2026-11-01. Facts extracted from the plugin's files. Prose generated by claude-haiku-4-5-20251001.

Is this your plugin?

Claim it to keep the card accurate and enter the weekly contest. Requires signing in as the GitHub owner (its-magdy).