Leaderboard/Design/taste-skill
Last commit on July 7, 2026·Created on May 24, 2026

senlindesign/taste-skill

Reverse-engineers a website's design into tokens and the reasoning behind them.
Combined rank
#372
across all skills
In Design
#34
category rank
Stars
266
+4.3% in last 7d
Forks
19
0.0% in last 7d
Watchers
3
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description

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.

WHO IT'S FOR
UI/UX Designers
extract design tokens for inspiration
Front-end Developers
port website aesthetics to codebases
Product Design Teams
perform competitive design research
AI Coding Assistant Users
generate design guidance for agents
30 Days of GitHub Stars
+52 stars
↑ 27.3% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install
1 Skill · 6 Compatible agents · 2 categories · 1 install path
Compatible agents
Claude CodeCursorGemini CLICopilotWindsurfAntigravity
Categories
DesignDeveloper Tooling
Install via
Clone to Claude
Repository instructions
Also in this category
4 of 46