Agent Skills: 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.

document-asset-creationID: yonatangross/orchestkit/design-context-extract

Install this agent skill to your local

pnpm dlx add-skill https://github.com/yonatangross/orchestkit/design-context-extract

Skill Files

Browse the full folder contents for design-context-extract.

Download Skill

Loading file tree…

Select a file to preview its contents.