taste-skill
Reverse-engineer any website's design tokens and taste
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install taste-skill?▼
Run `npx skills add senlindesign/taste-skill --all -g -y` in your terminal to install it globally. You also need the Playwright MCP server connected for browser capture.
How to extract a website's design system?▼
Run /taste followed by any URL, and it captures screenshots plus DOM data to produce a markdown and JSON file with exact colors, typography, spacing, and layout values.
What makes this different from a design token scraper?▼
It explains why each design decision was made, including trade-offs and restraint principles, so your agent can make good design calls on pages it has never seen.
Does taste-skill work with Cursor and Claude Code?▼
Yes. It exports design rules directly into Cursor rules, Windsurf rules, CLAUDE.md, Copilot instructions, v0, Figma Make, and Lovable formats.
Can I use it without design experience?▼
Yes. Just provide a URL and answer two setup questions; the pipeline handles measurement, pattern detection, and export automatically.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video