Source: arvindrk/extract-design-system (1 skill · 127.3K installs)
Repo: github.com/arvindrk/extract-design-system
Category: Design Quality / UI Engineering
First Seen: August 13, 2026
Quality Tier: 🟢 Production (127.3K installs — the largest single-skill install count in the August 13 sweep)
A single skill with a 127K install base: extract-design-system reverse-engineers an existing interface into a structured design system — color tokens, typography scales, spacing rules, and component patterns. It solves the hardest problem in agent-driven UI work: matching an existing brand instead of generating a generic look. Pair it with anti-ui-slop for a complete design-quality pipeline.
Installation
# Direct install
npx skills add arvindrk/extract-design-system
# Hermes: install by identifier
hermes skills install arvindrk/extract-design-system/extract-design-system
Core Skills
| Skill |
Installs |
Use For |
extract-design-system |
127.3K |
Extracting tokens, typography, spacing, and components from an existing UI |
Prerequisites
| Requirement |
Details |
| A live UI to extract |
Website URL or codebase |
| Any agent runtime |
Pure procedural knowledge — no API keys |
CorpusIQ Use Cases
| Use Case |
How |
| Competitive design extraction |
Pull a competitor's design language for benchmarking |
| Brand consistency |
Extract CorpusIQ's own system for agent-built pages |
| Customer deployments |
Match a client's existing brand when building their Hermes dashboards |
| Docs site polish |
Verify new pages follow the extracted corpusiq.io system |
Limitations / Verification
- Output quality depends on the target UI's consistency — hand-built sites yield less structure
- Verify install:
npx skills list | grep design-system