omd:add-reference

Updating and syncing design references involves reconciling existing data with the latest design systems. This skill performs a three-tier verification process, including live inspection and cross-referencing with external sources, to ensure your references remain accurate and synchronized.

Automating design reference validation requires playwright, web-fetch, and data parsing libraries. These dependencies enable the skill to perform live inspections, fetch external sources for cross-referencing, and parse the data needed for accurate design system reconciliation.

To generate a design reference from a URL, you input the target URL or brand ID into the skill. It then automates the extraction process, performs live inspection and cross-referencing, and outputs a verified design reference ready for your project.

A 3-tier verification process for design references works by performing live inspection, cross-referencing with external sources, and reconciling the data. This ensures the accuracy of automated design references by validating them against multiple independent checks.

Yes, you can use playwright to fetch and verify design system URLs during live inspection. The skill leverages playwright alongside web-fetch capabilities to automate the extraction and subsequent multi-tier validation of design references from provided URLs.

Automating design reference creation involves extracting brand elements via URLs or IDs and validating them through a multi-tier process. This skill streamlines incorporating design systems into projects by automatically generating and verifying references against live and external sources.