Repository

arvindrk/extract-design-system agent skills

Every skill in the arvindrk/extract-design-system repository on GitHub, ranked by score, with the commands to install them.
skill
1
GitHub stars
236

GitHub description: “Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.”

Stars
236 (29 forks)
Licence
MIT
Last push
Sep 2026
Created
Mar 2026
  • agent-skills
  • automation
  • cli
  • cursor-skills
  • design-system
  • skills-sh
  • token-extractor
  • claude-code-skills
  • claude-skills
  • design-ops
  • design-tokens
  • developer-experience
  • frontend
  • mcp
  • playwright
  • ui-audit

Install all skills

skills CLI (any agent)
npx skills add arvindrk/extract-design-system

Add --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).

Skills in arvindrk/extract-design-system, ranked

Skills in arvindrk/extract-design-system, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system2361 repo~514Automated safety check: PassMIT1 mo ago

Questions, answered from the data.

What is the best skill in arvindrk/extract-design-system?

Extract Design System from arvindrk/extract-design-system ranks first of the 1 skills in arvindrk/extract-design-system listed here, with the highest score: its repository has 236 GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 514 tokens and it passes the automated safety check with no findings.

Are the skills in arvindrk/extract-design-system official?

None yet. All 1 skills in arvindrk/extract-design-system listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.

How do I install all skills from arvindrk/extract-design-system?

Run npx skills add arvindrk/extract-design-system in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.