claudeindex
Plugin

design-md-from-screenshots

Reverse-engineer a product's visual design system from one or more website/app screenshots and produce a single authoritative DESIGN.md — a framework-agnostic, token-based spec (palette, typography, spacing, shape, motion, component inventory, voice, do/don't) with per-token provenance marks, so another AI (Stitch, Claude, v0, Cursor, AI Elements) can generate new screens that unmistakably belong to the same product.

Installation

1

Add the marketplace

/plugin marketplace add DiologIR/diolog-plugins
2

Install plugins

/plugin

Run these commands in Claude Code to add this plugin to your environment. The marketplace must be added before you can install its plugins.

Repository & Links

Plugin Source

View Plugin Code

GitHub Repository

DiologIR/diolog-plugins

Details & Metadata