Not in the top 1,000 by GitHub stars

h3nryprod01/design-taste

Elite frontend design taste for Claude Code / Cowork — a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, color, motion, components, anti-slop.

Claude Code Design

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

`SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

e0f7e23662a8 → e0f7e23662a8

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → e0f7e23662a8

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit e0f7e23662a859cadd8b481d59c59a7c177b2c73

Version-pinned installation · Claude Code

git clone --filter=blob:none --no-checkout https://github.com/h3nryprod01/design-taste.git .hotskills/h3nryprod01-design-taste && git -C .hotskills/h3nryprod01-design-taste checkout --detach e0f7e23662a859cadd8b481d59c59a7c177b2c73
# Copy each selected skill directory from .hotskills/h3nryprod01-design-taste into .claude/skills/<skill-name>/

91GitHub stars

4stars in 7 days

1skill in this repository

0commits in 30 days

Heat

4.7

Star growth, last 7 daysNot available
Star growth, last 24 hoursNot available
Rank movement, last 7 daysNot available
Commits, last 30 daysNot available
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

30-day change not yet available: not enough history.

Individual skills in this repository

design-taste /

How it works

design-taste

When your agent uses it

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI (landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states) or asks to make something look better / premium / modern, fix the styling, add or fix animations, or make a design feel less generic ("AI slop"). Covers typography, color, spacing, layout, visual hierarchy, motion, micro-interactions, component states, accessibility, responsive behavior, UX copy, and anti-pattern detection.

What it loads into context

Frontmatter

153 tokens

Always available to the agent

SKILL.md

2,903 tokens

When the skill is activated

Reference documents

28,958 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

Philosophy (internalize this)
The Iron Law: never ship the first version
Step 0: Read the brief before touching code
Core design rules
Avoid AI slop
Routing
How to execute a task

Scripts executed separately

scripts/preflight.gaps.test.mjs
scripts/preflight.mjs
scripts/preflight.test.mjs
scripts/upstream-drift.sh

Files

.claude-plugin/plugin.jsonasset1,088 bytes
.gitignoreasset103 bytes
.nvmrcasset3 bytes
CHANGELOG.mddoc9,318 bytes
LICENSEasset1,079 bytes
LICENSES/Apache-2.0.txtdoc10,766 bytes
NOTICEasset11,400 bytes
README.mddoc5,384 bytes
SKILL.mdcore11,666 bytes
reference/anti-slop.mddoc16,869 bytes
reference/core-rules.mddoc17,620 bytes
reference/design-systems.mddoc22,975 bytes
reference/interaction-states.mddoc6,633 bytes
reference/motion.mddoc22,738 bytes
reference/pre-flight.mddoc17,118 bytes
scripts/fixtures/clean.htmlasset667 bytes
scripts/fixtures/dirty.htmlasset1,321 bytes
scripts/preflight.gaps.test.mjsruns16,841 bytes
scripts/preflight.mjsruns12,590 bytes
scripts/preflight.test.mjsruns20,305 bytes
scripts/upstream-drift.shruns2,831 bytes
scripts/upstream-snapshot.txtdoc612 bytes

Read SKILL.md


# Design & Taste

You are a design engineer with trained taste. You build interfaces where every detail compounds into something that feels right. In a world where everyone's software is "good enough," taste is the differentiator.

This skill is a synthesis of three design skills: Emil Kowalski's *design-engineering* (motion & component craft), *impeccable* (design rules & anti-slop bans), and *taste-skill* (brief-reading, dials & honest design systems). The combined core is below; reach for the reference files when you need depth.

## Philosophy (internalize this)

- **Taste is trained, not innate.** It is the ability to see beyond the obvious and recognize what elevates. Study why the best interfaces feel the way they do; reverse-engineer them.
- **Unseen details compound.** Most details users never consciously notice. That's the point. The aggregate of invisible correctness is what makes interfaces people love without knowing why.
- **Beauty is leverage.** People pick tools based on the whole experience, not just function. Good defaults and good motion are real differentiators.
- **The AI-slop test.** If someone could look at the result and say "AI made that" without doubt, it has failed. Have a point of view; generic design comes from avoiding decisions.

## The Iron Law: never ship the first version

View the complete source on GitHub

Skills included

design-taste

Repository facts

License: MIT
Created: May 31, 2026
Last pushed: Sep 25, 2026
Forks: 11
Open issues: 0
Project activity: Active

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 5, 2026

No broad tool permissions
1 dangerous shell commandin 1 file: scripts/upstream-drift.sh:49
57 network referencesin 11 files: README.md:9 NOTICE:17 scripts/upstream-drift.sh:35 and 8 more
No hidden or obfuscated text
No instruction overrides
4 executable scriptsin 4 files: scripts/preflight.gaps.test.mjs:1 scripts/preflight.mjs:1 scripts/preflight.test.mjs:1 and 1 more
1 reference to secretsin 1 file: reference/design-systems.md:419
No requests to vote in Hot

Show all 63 signals by file

`.claude-plugin/plugin.json`

Network accessline 5

"author": {     "name": "Nguyễn Phú Cường",     "url": "https://github.com/h3nryprod01"

Network accessline 6

"name": "Nguyễn Phú Cường",     "url": "https://github.com/h3nryprod01"   },

Network accessline 7
```
"url": "https://github.com/h3nryprod01"
```

Network accessline 8

},   "homepage": "https://github.com/h3nryprod01/design-taste",   "repository": "https://github.com/h3nryprod01/design-taste",

Network accessline 9

"homepage": "https://github.com/h3nryprod01/design-taste",

Network accessline 10

"repository": "https://github.com/h3nryprod01/design-taste",

`CHANGELOG.md`

Network accessline 5

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).

Network accessline 73

Initial release: a merged synthesis of [emilkowalski/skill](https://github.com/emilkowalski/skill) (MIT), [pbakaus/impeccable](https://github.com/pbakaus/impeccable) (Apache-2.0), and [leonxlnx/taste-skill](https://github.com/leonxlnx/taste

`LICENSES/Apache-2.0.txt`

Network accessline 1

Apache License                            Version 2.0, January 2004                         http://www.apache.org/licenses/

Network accessline 3
```
http://www.apache.org/licenses/
```

Network accessline 185

http://www.apache.org/licenses/LICENSE-2.0

`NOTICE`

Network accessline 17

1. emilkowalski/skill  (skills/emil-design-eng)    Copyright Emil Kowalski and contributors.    License: MIT (https://github.com/emilkowalski/skill)

Network accessline 18

Copyright Emil Kowalski and contributors.    License: MIT (https://github.com/emilkowalski/skill)    https://emilkowal.ski/skill | course: https://animations.dev

Network accessline 19

License: MIT (https://github.com/emilkowalski/skill)

Network accessline 20

https://emilkowal.ski/skill | course: https://animations.dev

Network accessline 22

2. pbakaus/impeccable    Copyright 2025 Paul Bakaus and contributors.    License: Apache License, Version 2.0 (https://github.com/pbakaus/impeccable)

Network accessline 23

Copyright 2025 Paul Bakaus and contributors.    License: Apache License, Version 2.0 (https://github.com/pbakaus/impeccable)    Impeccable itself derives, in part, from Anthropic's "frontend-design"

Network accessline 24

License: Apache License, Version 2.0 (https://github.com/pbakaus/impeccable)

Network accessline 25

Impeccable itself derives, in part, from Anthropic's "frontend-design"    skill (https://github.com/anthropics/skills), also Apache-2.0. That    upstream attribution is preserved here transitively.

Network accessline 26

skill (https://github.com/anthropics/skills), also Apache-2.0. That

Network accessline 29

3. leonxlnx/taste-skill  (skills/taste-skill, "design-taste-frontend")    Copyright 2026 Leonxlnx.    License: MIT (https://github.com/leonxlnx/taste-skill)

Network accessline 31

License: MIT (https://github.com/leonxlnx/taste-skill)

Network accessline 170

http://www.apache.org/licenses/LICENSE-2.0

`README.md`

Network accessline 9

| Source | What it contributed to this skill | |--------|-----------------------------------| | [emilkowalski/skill](https://github.com/emilkowalski/skill) (`emil-design-eng`) | The craft philosophy ("taste is trained", "unseen details comp

Network accessline 10

|--------|-----------------------------------| | [emilkowalski/skill](https://github.com/emilkowalski/skill) (`emil-design-eng`) | The craft philosophy ("taste is trained", "unseen details compound") and the deep motion/animation craft → `r

Network accessline 11

| [emilkowalski/skill](https://github.com/emilkowalski/skill) (`emil-design-eng`) | The craft philosophy ("taste is trained", "unseen details compound") and the deep motion/animation craft → `reference/motion.md` |

Network accessline 12

| [pbakaus/impeccable](https://github.com/pbakaus/impeccable) | The crisp design rules, the OKLCH color strategy, the **absolute anti-slop bans**, and the modern interaction-states reference → `SKILL.md` core rules + `reference/anti-slop.md

Network accessline 13

| [leonxlnx/taste-skill](https://github.com/leonxlnx/taste-skill) (`design-taste-frontend`) | Reading the brief before designing, the three intensity dials, honest design-system selection, GSAP scroll skeletons, redesign protocol, bias-corr

Network accessline 38

Repo: **https://github.com/h3nryprod01/design-taste**

Network accessline 45

# or clone straight into your personal skills dir git clone https://github.com/h3nryprod01/design-taste.git ~/.claude/skills/design-taste

Network accessline 46

git clone https://github.com/h3nryprod01/design-taste.git ~/.claude/skills/design-taste

Network accessline 70

|------|--------|---------| | `README.md` (new synthesis) | - | **MIT** ([`LICENSE`](LICENSE)) | | `reference/motion.md` | [emilkowalski/skill](https://github.com/emilkowalski/skill) | MIT |

Network accessline 71

| `README.md` (new synthesis) | - | **MIT** ([`LICENSE`](LICENSE)) | | `reference/motion.md` | [emilkowalski/skill](https://github.com/emilkowalski/skill) | MIT | | `SKILL.md` (the Core design rules passages itemized in `NOTICE`, Routing mo

Network accessline 72

| `reference/motion.md` | [emilkowalski/skill](https://github.com/emilkowalski/skill) | MIT |

Network accessline 73

| `SKILL.md` (the Core design rules passages itemized in `NOTICE`, Routing mode register), `reference/interaction-states.md`, `reference/anti-slop.md` (Part 1), `reference/pre-flight.md` (Addendum: Operate) | [pbakaus/impeccable](https://gi

Network accessline 74

| `SKILL.md` (remainder, new synthesis), `reference/anti-slop.md` (Part 2), `reference/core-rules.md`, `reference/design-systems.md`, `reference/pre-flight.md` (remainder) | [leonxlnx/taste-skill](https://github.com/leonxlnx/taste-skill) /

`reference/anti-slop.md`

Network accessline 69

* **Hand-rolled decorative SVGs strongly discouraged** as default (see Section 4.8). * **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, o

Network accessline 70

* **NO div-based fake screenshots.** Never build a fake product UI out of `<div>` rectangles to simulate a screenshot. Use real images, generated images, or skip the preview. * **NO broken Unsplash links.** Use `https://picsum.photos/seed/{

Network accessline 71

* **NO broken Unsplash links.** Use `https://picsum.photos/seed/{descriptive-string}/{w}/{h}`, or generated photo placeholders, or actual assets.

`reference/core-rules.md`

Network accessline 66

1. **Image-generation tool first.** If ANY image-gen tool is available in the environment (`generate_image`, MCP image tool, IDE-integrated gen, OpenAI image tools, etc.) you MUST use it to create section-specific assets: hero photography,

Network accessline 67

2. **Real web images second.** When no gen tool is available, use real photography sources. Acceptable defaults:    * `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g

Network accessline 68

* `https://picsum.photos/seed/{descriptive-seed}/{w}/{h}` for placeholder photography (seed should describe the section, e.g. `marrow-cookware-kitchen`)

Network accessline 75

**Real company logos for social proof.** When the brief calls for a "Trusted by / Used by / Customers" logo wall, do NOT default to plain text wordmarks (`<span>Acme Co</span>` styled in a row). Use real SVG logos: * **Source: Simple Icons*

Network accessline 76

* **Source: Simple Icons** (`https://cdn.simpleicons.org/{slug}/ffffff` for any color, or `simple-icons` npm package). Covers most known brands.

`reference/design-systems.md`

Network accessline 418

# Add this to your app HTML head: #   <meta name="shopify-api-key" content="%SHOPIFY_API_KEY%" /> #   <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script>

Access to secretsline 419
```
[Credential-related source omitted]
```

Network accessline 420

#   <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script>

`reference/motion.md`

Network accessline 70

**Easing curve resources:** Don't create curves from scratch. Use [easing.dev](https://easing.dev/) or [easings.co](https://easings.co/) to find stronger custom variants of standard easings.

`scripts/fixtures/dirty.html`

Network accessline 2

<html> <head> <link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">

Network accessline 3

<head> <link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet"> <style>

Network accessline 4

<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">

`scripts/preflight.gaps.test.mjs`

Executable scriptline 1
```
Executable file
```

`scripts/preflight.mjs`

Executable scriptline 1
```
Executable file
```

`scripts/preflight.test.mjs`

Executable scriptline 1
```
Executable file
```

`scripts/upstream-drift.sh`

Executable scriptline 1
```
#!/usr/bin/env bash
```

Network accessline 35

# moved or was removed upstream), or UNREACHABLE (no connection, timeout, or # any other HTTP status). Branches on the HTTP status, not curl's exit code: # GitHub's CDN answers some 404s over HTTP/2 in a way that makes curl exit 56

Network accessline 36

# any other HTTP status). Branches on the HTTP status, not curl's exit code: # GitHub's CDN answers some 404s over HTTP/2 in a way that makes curl exit 56 # instead of 22, so the exit code alone cannot tell a 404 from a dropped link.

Network accessline 37

# GitHub's CDN answers some 404s over HTTP/2 in a way that makes curl exit 56

Network accessline 40

local repo="$1" path="$2" tmp code   tmp="$(mktemp)"   code="$(curl -sSL --max-time 20 -o "$tmp" -w '%{http_code}' \

Network accessline 41

tmp="$(mktemp)"   code="$(curl -sSL --max-time 20 -o "$tmp" -w '%{http_code}' \     "https://raw.githubusercontent.com/$repo/HEAD/$path" 2>/dev/null)"

Network accessline 42

code="$(curl -sSL --max-time 20 -o "$tmp" -w '%{http_code}' \

Network accessline 43

"https://raw.githubusercontent.com/$repo/HEAD/$path" 2>/dev/null)"

Dangerous shell operationline 49
```
rm -f "$tmp"
```

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 1 fact

Contacts raw.githubusercontent.com, which SKILL.md, the README and the plugin manifest do not mentionscripts/upstream-drift.sh:43High confidence

Signal confidence: 42 facts

Network access in prose of documentationCHANGELOG.md:5Low confidence
Network access in prose of documentationCHANGELOG.md:73Low confidence
Network access in prose of documentationLICENSES/Apache-2.0.txt:1Low confidence
Network access in prose of documentationLICENSES/Apache-2.0.txt:3Low confidence
Network access in prose of documentationLICENSES/Apache-2.0.txt:185Low confidence
Network access in prose of documentationREADME.md:9Low confidence
Network access in prose of documentationREADME.md:10Low confidence
Network access in prose of documentationREADME.md:11Low confidence
Network access in prose of documentationREADME.md:12Low confidence
Network access in prose of documentationREADME.md:13Low confidence
Network access in prose of documentationREADME.md:38Low confidence
Network access in code of documentationREADME.md:45Low confidence
Network access in code of documentationREADME.md:46Low confidence
Network access in prose of documentationREADME.md:70Low confidence
Network access in prose of documentationREADME.md:71Low confidence
Network access in prose of documentationREADME.md:72Low confidence
Network access in prose of documentationREADME.md:73Low confidence
Network access in prose of documentationREADME.md:74Low confidence
Network access in prose of documentationreference/anti-slop.md:69Low confidence
Network access in prose of documentationreference/anti-slop.md:70Low confidence
Network access in prose of documentationreference/anti-slop.md:71Low confidence
Network access in prose of documentationreference/core-rules.md:66Low confidence
Network access in prose of documentationreference/core-rules.md:67Low confidence
Network access in prose of documentationreference/core-rules.md:68Low confidence
Network access in prose of documentationreference/core-rules.md:75Low confidence
Network access in prose of documentationreference/core-rules.md:76Low confidence
Network access in code of documentationreference/design-systems.md:418Low confidence
Access to secrets in code of documentationreference/design-systems.md:419Low confidence
Network access in code of documentationreference/design-systems.md:420Low confidence
Network access in prose of documentationreference/motion.md:70Low confidence
Executable script in a comment of a testscripts/preflight.gaps.test.mjs:1Low confidence
Executable script in a comment of a file that runsscripts/preflight.mjs:1Low confidence
Executable script in a comment of a testscripts/preflight.test.mjs:1Low confidence
Executable script in code of a file that runsscripts/upstream-drift.sh:1High confidence
Network access in a comment of a file that runsscripts/upstream-drift.sh:35Low confidence
Network access in a comment of a file that runsscripts/upstream-drift.sh:36Low confidence
Network access in a comment of a file that runsscripts/upstream-drift.sh:37Low confidence
Network access in code of a file that runsscripts/upstream-drift.sh:40High confidence
Network access in code of a file that runsscripts/upstream-drift.sh:41High confidence
Network access in code of a file that runsscripts/upstream-drift.sh:42High confidence
Network access in code of a file that runsscripts/upstream-drift.sh:43High confidence
Dangerous shell operation in code of a file that runsscripts/upstream-drift.sh:49High confidence

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Native	Manifest .claude-plugin/plugin.json	`.claude/skills/<skill-name>/`
Codex	Compatible	Standard SKILL.md SKILL.md	`.agents/skills/<skill-name>/`
Cursor	Compatible	Standard SKILL.md SKILL.md	`.cursor/skills/<skill-name>/`
Gemini CLI	Compatible	Standard SKILL.md SKILL.md	`.gemini/skills/<skill-name>/`
GitHub Copilot	Compatible	Standard SKILL.md SKILL.md	`.github/skills/<skill-name>/`
OpenCode	Compatible	Standard SKILL.md SKILL.md	`.opencode/skills/<skill-name>/`

Native The repository ships a manifest, folder or frontmatter field for this agent.
Compatible A standard SKILL.md that this agent can read.
Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

h3nryprod01/design-taste

History

SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

design-taste

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Before you install

.claude-plugin/plugin.json

CHANGELOG.md

LICENSES/Apache-2.0.txt

NOTICE

README.md

reference/anti-slop.md

reference/core-rules.md

reference/design-systems.md

reference/motion.md

scripts/fixtures/dirty.html

scripts/preflight.gaps.test.mjs

scripts/preflight.mjs

scripts/preflight.test.mjs

scripts/upstream-drift.sh

How the signals fit together

Works with

You might also use

senlindesign/proof

Leonxlnx/taste-skill

educlopez/ui-craft

edisonmbli/refactoring-ui-skill

Ferousco-dev/anti-slop-design

misereitor/mockbird

`SKILL.md`

`.claude-plugin/plugin.json`

`CHANGELOG.md`

`LICENSES/Apache-2.0.txt`

`NOTICE`

`README.md`

`reference/anti-slop.md`

`reference/core-rules.md`

`reference/design-systems.md`

`reference/motion.md`

`scripts/fixtures/dirty.html`

`scripts/preflight.gaps.test.mjs`

`scripts/preflight.mjs`

`scripts/preflight.test.mjs`

`scripts/upstream-drift.sh`