design-context-extract
Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json or Tailwind config. Use when the user points to a screenshot, URL, or video and asks to extract or audit the design, analyze animations or scroll behavior, or keep new pages matching an established visual identity.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+. Optional: stitch (official Google Stitch) MCP server.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Write
- Glob
- Grep
- Bash
- WebFetch
- AskUserQuestion
- TaskCreate
- TaskUpdate
- TaskList
Files
Every link opens the file at its source, pinned to the revision this page describes.