omd:reference-capture

Capturing design tokens from live websites is done by running the command 'omd:reference-capture <brand-id>'. This automates the extraction of design contexts like tokens and structures using Playwright, saving the collected data into a local reference directory.

Yes, you can use Playwright for design reference collection. This Skill leverages Playwright alongside Python to navigate and scrape live brand websites, automatically capturing visual references and design structures for your projects.

Captured design references are stored in the 'assets/_reference/<id>/' directory. This Skill automatically collects and organizes the scraped design tokens, structures, and visual contexts into this specific folder structure for easy access during design projects.

Yes, the automated reference capture requires Python, Playwright, pypdf, and pdfplumber to run. These dependencies enable the Skill to perform web scraping and extract design contexts from live brand websites effectively.

Yes, you can use captured design tokens for a brand new product design process. By capturing references from a similar existing product website, you can apply the extracted design contexts and structures directly to your own UI/UX development.