design-taste-frontend: a Claude Code skill by Leon Lin
For people building landing pages or app screens who want a chosen art direction, checked in a real browser. Skip it if you need a quick unstyled draft.
The skill's text changed on Nov 7, 2026, after we last read it. Our description may be behind.
- Score
- 84of 100
- Rank
- #30of 239
- Installs
- 761Kon skills.sh
- Security
- No scan 5 scanners
- Updated
- 2026
- Context
- ~242tokens always
Install
npx skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontend
Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does design-taste-frontend do?
design-taste-frontend is a Claude skill that sets an art direction for a web page or app screen before Claude builds it. Claude first reads the brief and lists 8 to 12 facts that belong only to this subject, then outlines the page as claims with proof. A script, draw.mjs, deals three of twenty researched directions, with type, palette and section layouts drawn from a study of 247 sites. After the build, lint.mjs scans the source and inspect.mjs opens the page at 1440, 768 and 390 pixels, measures it and saves screenshots. Claude critiques those screenshots, fixes the top problems, adds a motion layer and reports image credits.
When should you use design-taste-frontend?
Use it when
- A landing page looks generic or AI-made
- Starting a portfolio, product or event page from a brief
- Designing a dashboard or settings screen
Skip it when
- You must follow a strict existing design system
- You cannot run Node 22 or a Chromium browser
What it needs and what it can touch
You need
- Node.js 22 or newer
- Chrome, Edge or Chromium installed
What it can do
- Runs Node scripts from the skill folder
- Writes working files to .taste-skill/ in your project
- Searches open collections online and downloads images
From reading its instructions, not from running it.
Why it scores 84
Strongest on upkeep (100 of 100), weakest on trust (55).
Is design-taste-frontend safe to install?
We found no scan result for it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Critical risk | Nov 2, 2026 |
| Socket | Passed | Nov 2, 2026 |
| Snyk | Medium risk | Nov 2, 2026 |
| Runlayer | Low risk | Mar 1, 2026 |
| ZeroLeaks | Passed | Apr 16, 2026 |
Details
- Installs
- 761,135
- Repository stars
- 113,237
- Last repository change
- Tokens always loaded
- about 242
- Tokens when used
- about 9,619
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to design-taste-frontend
All skills for this job-
Get hallmarkhallmark
For founders and designers starting a new site who want a dealt theme and a lint pass against stock AI looks.
-
Get frontend-designfrontend-design
For anyone asking Claude to build a page or screen whose look should be chosen for the subject.
-
Get Garden SkillsGarden Skills
For designers and developers who want polished HTML pages, prototypes and decks built step by step with checkpoints.
-
Get ui-ux-pro-maxui-ux-pro-max
For builders who want Claude to pick styles, palettes and fonts from a local search database before writing UI.
design-taste-frontend