MCPInstall
Agent Skills/manavarya09

design-extract

1 skill from manavarya09/design-extract · 3K installs

Repository

Install every skill in this repository:

npx skills add https://github.com/manavarya09/design-extract
  1. 1
    extract-design

    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 accessibility scoring. Use when user says 'extract design', 'get design system', 'design language', 'design tokens', 'what colors/fonts does this site use', 'turn this URL into design tokens', 'make a Tailwind theme from this site', or '/extract-design'. Do not use for building a new UI from scratch unless the user first wants to extract an existing website's design language.

    3K