Extract design tokens and taste principles from website DOM data and screenshots.
npx skills add https://github.com/senlindesign/taste-skill --skill taste-senlindesign
Please help me install this Agent Skill. Skill: taste Source: https://github.com/senlindesign/taste-skill/tree/main Command: npx skills add https://github.com/senlindesign/taste-skill --skill taste-senlindesign
This Skill solves the "slop" problem in AI-generated design by moving beyond superficial token extraction to uncover the underlying "why" behind a website's visual decisions.
Run the taste skill on the provided URL to analyze its design system and generate the corresponding design DNA files.
High-intent search queries and answers about installing and using this skill.
To reverse-engineer a website's design system, this Skill captures DOM data and visual screenshots to produce structured design tokens and taste principles. It extracts practical tokens like colors and spacing alongside the opinionated trade-offs defining the aesthetic.
Yes, Playwright MCP is required for browser-based DOM extraction and visual analysis. This dependency enables the Skill to capture the underlying visual decisions and aesthetic trade-offs of any targeted website automatically.
Extracting design DNA from sites like Linear captures their specific design principles and restraint trade-offs. This generates ready-to-use configuration files for AI coding agents like Cursor and Windsurf to guide your own dashboard development.
The best way to avoid AI-generated design slop is to move beyond superficial token extraction by uncovering the underlying why behind visual decisions. This Skill captures both practical design tokens and the opinionated trade-offs defining a site's unique aesthetic.
Yes, this design analysis tool exports multi-tool configuration files for Claude Code, Cursor, and Windsurf. These generated files provide ready-to-use design guidance for AI coding agents to replicate a specific aesthetic.
You need Playwright MCP because it provides the browser-based DOM extraction and visual analysis required to reverse-engineer a website. This environment setup allows the Skill to capture both structural data and visual screenshots for accurate design token generation.
yoshisadaInstall Playwright and scaffold QA infrastructure with a generated test matrix.
saddam-eng-techGenerate unified workspace and per-agent configuration files for AI coding agents.
hulusi-tuncArticulate actionable design principles for product decisions and trade-offs.
akornmeierAnalyze website UI to generate a Site DNA document with design tokens and architecture.
