Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG…
Manavarya09/design-extract
- Latest recorded source activity
- SkillsMP catalog refreshed
- skills collected
- 25
- GitHub stars
- 4,413
- GitHub forks
- 376
Install with an AI assistant
Copy this prompt into the AI assistant you're using.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Manavarya09/design-extract.Loading the repository README…
Skills in this repository
Showing 25 of 25 collected skills.
Use when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for v0.dev — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for retool.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for ramp.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for sentry.io — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for loom.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for railway.app — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for replit.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for framer.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for raycast.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for resend.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Use when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.