skills.homes logoskills.homescapability registry
home/categories/ide-plugins/yonatangross-orchestkit-plugins-ork-skills-design-context-extract-skill-md
cd ..
ide-pluginstools

design-context-extract

Extract design DNA from existing app screenshots or live URLs using Google Stitch. Produces color palettes, typography specs, spacing tokens, and component patterns as design-tokens.json or Tailwind config. Use when auditing an existing design, creating a design system from a live app, or ensuring new pages match an established visual identity.

Ver código fuenteide-plugins
yonatangross
maintainer
yonatangross
Actualizado 4/9/2026
Estrellas
143
Forks
14
quick start

Installation and usage

Extract design DNA from existing app screenshots or live URLs using Google Stitch. Produces color palettes, typography specs, spacing tokens, and component patterns as design-tokens.json or Tailwind config. Use when auditing an existing design, creating a design system from a live app, or ensuring new pages match an established visual identity.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use design-context-extract