high-end-visual-design: strict rules for a calm, premium-looking page

What it does

Ask an agent to make a page "look premium" and it guesses. high-end-visual-design removes the guessing. It is a single SKILL.md file with firm rules: which fonts, how much space, what shadows, how cards are built, how things move.

It works in three parts:

A ban list. Fonts such as Inter, Roboto and Arial, thick default icon sets, harsh drop shadows, flat 1px grey borders, glued-on sticky navbars and linear animations all count as a fail.
A choice before code. The agent picks one look (for example warm cream "editorial luxury" or airy "soft structuralism") and one layout pattern (such as an uneven bento grid or a split with big type on one side), based on your business.
Phone rules. Every fancy layout has a stated fallback to a single column below 768 pixels wide.

It is one of about a dozen skills in the Taste Skill pack by Leonxlnx. The README suggests starting with the pack's general design-taste-frontend skill, and adding this one when the direction is already chosen. That is how we suggest using it: as a finish, not a starting point.

I have this skill installed; the copy on my machine is identical to the current upstream file.

What you need first

Claude Code, Codex, Cursor or another agent that reads skill folders. The README also says you can paste the SKILL.md into a ChatGPT or Codex chat.
Node.js, for the installer.
The skill is free, but it runs inside a coding agent such as Claude Code or Codex, which may need a paid plan.
A direction you have already agreed: calm, spacious and premium. If you are not sure yet, do Pick a design direction before your AI builds first.

Install (checked 30 Sep 2026)

The README installs a single skill by its install name:

BASH

npx skills add https://github.com/Leonxlnx/taste-skill --skill "high-end-visual-design"

Leave out --skill "..." to install the whole pack. We ran the single-skill command in a throwaway project on 30 Sep 2026. It installed one folder, .claude/skills/high-end-visual-design, and ended with the tool's reminder to review skills before use because they run with your agent's full permissions. Start a new session afterwards.

First use

Name the business, the one action and the skill:

What the skill's rules describe (we tested the install, not a build for this guide): the agent names one of the skill's looks and one layout, then builds. Check the result against the ban list yourself. There should be no Inter or Arial, no hard dark shadows, and the layout should drop to one clean column on your phone.

How it chains with other library skills

Pick the direction first with Huashu Design, or record it as a design file with UI UX Pro Max.
Build in the real project with Fable Forge or frontend-design, and add this skill when the chosen look is calm and premium.
Then check it: Impeccable for design tells, agent-browser for phone and desktop screenshots.

Watch-outs

Licence: MIT.
Fonts may cost money. The skill tells the agent to assume premium fonts are available, and names some, such as PP Editorial New, that are sold by their foundry (the foundry's page said licences start at USD 40 when we checked on 30 Sep 2026; check the current price). Check the licence of every font before a client site goes live, or tell the agent to use Google Fonts only.
It can clash with other skills. It bans thick default icon sets such as standard Lucide, while other skills suggest Lucide. It also wants every card inside an outer shell and spring-like motion, while Impeccable discourages cards nested in cards and bounce or elastic easing. When they conflict, your approved design file wins. Record each exception you keep in that file, so the next agent session does not undo it.
One look only. It is built for "calm and expensive". For a loud market stall or a kids' tuition brand, use a different skill from the pack or none.
A rule list is not a review. The agent can still get it wrong. Look at the page yourself on a phone before anyone else does.
Name confusion. The README warns that there is no official token or coin for the project. Ignore anything that claims otherwise.

Link and credit

github.com/Leonxlnx/taste-skill, skill folder skills/soft-skill, by Leonxlnx, MIT. This page is our own summary.