Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill extracts design primitives—colors, fonts, spacing, radius, and shadow scales—from a public website and generates starter token files for your project. It helps designers, frontend developers, and teams bootstrapping a design system capture a reference site's visual language without manual inspection. The output is useful for initialization, not pixel-perfect reproduction, and never overwrites existing styles without confirmation.
WHO IT'S FOR
Frontend Design Ops Engineers
scaffold design token files for new projects
UX Engineers
reverse-engineer visual primitives from live sites
Design System Maintainers
initialize token libraries from competitor or inspiration sites
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Extract starter design tokens from a public website
Uses extract-design-system
A public website URL
Confirmation that starter token files, rather than extraction-only artifacts, are wanted
The local project in which the starter files should be generated
Use the extract-design-system skill to extract the design system from <public-website-url> and generate starter token files for this project. Replace <public-website-url> with the public website you want analyzed. Review and summarize the extracted primitives, but do not modify existing app code, styles, or configuration.
Claude
Codex
Cursor