← All skills

design-system-extractor

97 / 100 · Low risk

Fine to try.

By harrychuang/cursor-skills (GitHub) · design · 19 stars · scanned at commit f005e4d

Extract a reusable design-system specification from UI screenshots/images, graphic/brand/editorial references, Figma URLs or exports, Figma Variables, existing web or native iOS/Android app project folders, SwiftUI/UIKit/Jetpack Compose/Android Views code, runnable rendered UI captures, simulator/emulator/device captures, AI-generated or vibe-coded prototype projects, or prototype code, and review or integrate parallel design-system extraction branches. Use when Codex must produce evidence-back…

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

harrychuang/cursor-skills has 1 more folder with a skill named design-system-extractor. This page shows the lowest-scoring copy.

• .agents/skills/design-system-extractor 97/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-system-extractor' ] || [ -L ~/.agents/skills/'design-system-extractor' ]; then echo 'A skill folder named design-system-extractor already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/harrychuang/cursor-skills' "$d" && git -C "$d" checkout --quiet 'f005e4d5aae95149b69912b89ea95b46c90cce0b' -- 'design-system-extractor' && mkdir -p ~/.agents/skills && cp -R "$d"/'design-system-extractor' ~/.agents/skills/'design-system-extractor' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-system-extractor' ~/.claude/skills/'design-system-extractor' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for harrychuang/cursor-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/harrychuang/cursor-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/harrychuang/cursor-skills/)

Score history