The skill visits any live URL, captures screenshots and DOM data via Playwright, then runs a four-step analysis that produces two files. One holds the design map — measured colors, typography, spacing, radii, shadows, and grid. The other holds taste DNA: three to four trade-offs, each tracing a design decision from trigger through evidence. It is built for designers studying competitors, developers porting an aesthetic to code, and teams generating design guidance for AI agents. The output deliberately avoids generic descriptors; every claim is tied to a specific pixel value or hex code and a reason the design went one direction instead of another.
Follow the documented setup, then try a first task.
Installs: Installs the complete taste-skill repository as the taste skill for Claude Code and configures the required Playwright MCP server. · Claude Code
In a terminal, clone the repository into the Claude skills directory.
git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste
In a terminal, install the Playwright MCP server once at user scope.
claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated
Restart Claude Code so the Playwright MCP tools become available.
Uses taste
Use the taste skill to analyze <url> and extract its design map and taste DNA.
Claude
Cursor
Gemini CLI
Copilot
Windsurf
Antigravity