extract-design-system

extract-design-system is a Design systems & theming skill for AI agents, published by espennilsen in the pi repository on GitHub. Skillspace rates extract-design-system D (55/100) and it passed the safety scan; the rating is based on static analysis only.

Reverse-engineer a design system from a live website (public URL or localhost). Extracts colors, typography, spacing, shadows, radii, breakpoints, and component patterns using a headed Playwright browser. Captures screenshots of pages, components, and interactive states at real device resolutions. Produces structured design tokens and optionally seeds a Penpot project. **Triggers — use this skill when:** - User says "extract design system from [url]" - User asks to "reverse-engineer the styles from [site]" - User says "build a design system based on [website]" - User asks to "pull the design tokens from [url]" - User says "analyze the design of [site]" - User asks to "import styles from [website] into Penpot" - User points at a URL and asks about its colors, fonts, spacing, or components

Grade
D
Quality
55 / 100
Safety
Passed
GitHub stars
111

Unproven: rated by static analysis only, not yet compared head-to-head.

Our two independent classifiers differ on this skill's category, so treat the placement as provisional.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

View source on GitHubespennilsen/pi

Our review

Architecture
84 / 100
Maturity
Basic: a single SKILL.md
Security scan
Low-risk patterns
License
MIT
Adoption
Adopted by 1 other repositories, in 0 collections

What the scanner flagged

  • mentions secrets in text

Not checked yet

  • Category is a classifier prediction; no model has read this skill yet
  • Not judged on the rubric yet (not a contender in its category)
  • No blind task eval yet
  • Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
  • Sibling files (scripts, references) not fetched; security scan covers SKILL.md only

Better-rated skills in Design systems & theming

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.