Extract design tokens from live websites using Dembrandt.
npx skills add https://github.com/yonetim258852/ozgur-os --skill extract-design
Please help me install this Agent Skill. Skill: extract-design Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/extract-design Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill extract-design
Extract a complete design system from a live website by reading computed CSS and the DOM to produce tokens for colors, typography, spacing, borders, shadows, and components.
Provide a live website URL to extract and generate a design-token bundle for your design system.
High-intent search queries and answers about installing and using this skill.
You can extract design tokens from a live site by providing a URL, which reads the computed CSS and DOM to generate colors, typography, spacing, and shadow tokens for your design system.
The W3C design tokens format is a community standard for defining design properties. You can output extracted tokens in this standard format, standard JSON, or a human-readable DESIGN.md brief.
Yes, you can reverse engineer a site's design language by extracting computed CSS and DOM elements. This process captures accurate colors, typography, spacing, borders, shadows, and component styles as usable tokens.
Audit an existing product's visuals by extracting its design tokens from a live URL. This reads the site's current computed CSS to produce an accurate JSON or DESIGN.md report of applied colors, typography, and spacing.
Yes, a live URL is required to extract color palettes and typography styles. The extraction process reads the rendered computed CSS directly from the live website to ensure accurate token generation.
Motion-CreativeBuild a reusable brand kit from website copy and computed DOM styles.
matthew-johnsonValidate DESIGN.md token files for type correctness and export readiness.
edisonabelManage design token architecture and generate CSS variables from JSON.
JangidVishConvert Design DNA and Developer Handoff into CSS custom properties and W3C design token JSON.
