Repository
Manavarya09/design-extract agent skills
- skills
- 25
- GitHub stars
- 4.2k
GitHub description: “Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.”
- Stars
- 4,189 (354 forks)
- Licence
- MIT
- Last push
- Oct 2026
- Created
- Apr 2026
- Homepage
- designlang.app
- ai
- claude-code-plugin
- cli
- css
- design-system
- design-tokens
- npx
- playwright
- tailwind
- web-scraping
- agent-skill
- skills-sh
- accessibility
- chrome-extension
- cursor
- design-to-code
Install all skills
npx skills add Manavarya09/design-extractAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in Manavarya09/design-extract, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract. | Manavarya09/ | 4.2k | — | ~786 | Automated safety check: Notes | MIT | today |
| 2 | A skill your agent uses when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~201 | Automated safety check: Pass | MIT | today |
| 3 | A skill your agent uses when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~198 | Automated safety check: Pass | MIT | today |
| 4 | A skill your agent uses when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~212 | Automated safety check: Pass | MIT | today |
| 5 | A skill your agent uses when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~214 | Automated safety check: Pass | MIT | today |
| 6 | A skill your agent uses when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~247 | Automated safety check: Pass | MIT | today |
| 7 | A skill your agent uses when styling UI for railway.app — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~223 | Automated safety check: Pass | MIT | today |
| 8 | A skill your agent uses when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~210 | Automated safety check: Pass | MIT | today |
| 9 | A skill your agent uses when styling UI for resend.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~234 | Automated safety check: Pass | MIT | today |
| 10 | A skill your agent uses when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~203 | Automated safety check: Pass | MIT | today |
| 11 | A skill your agent uses when styling UI for retool.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~223 | Automated safety check: Pass | MIT | today |
| 12 | A skill your agent uses when styling UI for sentry.io — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~243 | Automated safety check: Pass | MIT | today |
| 13 | A skill your agent uses when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~205 | Automated safety check: Pass | MIT | today |
| 14 | A skill your agent uses when styling UI for v0.dev — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~218 | Automated safety check: Pass | MIT | today |
| 15 | A skill your agent uses when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~244 | Automated safety check: Pass | MIT | today |
| 16 | A skill your agent uses when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~198 | Automated safety check: Pass | MIT | today |
| 17 | A skill your agent uses when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~229 | Automated safety check: Pass | MIT | today |
| 18 | A skill your agent uses when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~235 | Automated safety check: Pass | MIT | today |
| 19 | A skill your agent uses when styling UI for framer.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~227 | Automated safety check: Pass | MIT | today |
| 20 | A skill your agent uses when styling UI for loom.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~281 | Automated safety check: Pass | MIT | today |
| 21 | A skill your agent uses when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~235 | Automated safety check: Pass | MIT | today |
| 22 | A skill your agent uses when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~209 | Automated safety check: Pass | MIT | today |
| 23 | A skill your agent uses when styling UI for ramp.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~190 | Automated safety check: Pass | MIT | today |
| 24 | A skill your agent uses when styling UI for raycast.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~192 | Automated safety check: Pass | MIT | today |
| 25 | A skill your agent uses when styling UI for replit.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~191 | Automated safety check: Pass | MIT | today |
Questions, answered from the data.
What is the best skill in Manavarya09/design-extract?
Extract Design from Manavarya09/design-extract ranks first of the 25 skills in Manavarya09/design-extract listed here, with the highest score: its repository has 4.2k GitHub stars, its SKILL.md loads about 786 tokens and it has informational notes only in the automated safety check. Next come Designlang Tokens and Designlang Tokens.
Are the skills in Manavarya09/design-extract official?
None yet. All 25 skills in Manavarya09/design-extract 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 Manavarya09/design-extract?
Run npx skills add Manavarya09/design-extract 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.