The website bar and free design skills

Every fact below was checked live on 2026-10-21 against the BUILD gift page, Impeccable at commit e3083ac, Taste Skill at commit 6010f91, and the five linked sites. Repository links point to those snapshots.

What the website bar and free design skills are

The gift page pairs five live website references with two independent, free agent-design projects: Impeccable and Taste Skill. The sites are reference work, not Pedro's builds. (gift page)

How it works:

Study the references. The gift page links Igloo Inc, Oryzo, darkroom.engineering, Lando Norris and Active Theory. (gift page)
Set product context with Impeccable. Its init command writes PRODUCT.md so later design commands have the audience, purpose, constraints and evidence. (Impeccable README L13–16, L28–34)
Use a targeted pass. Impeccable exposes commands such as shape, critique, audit, polish, layout and typeset rather than a single generic design request. (Impeccable README L36–66)
Give Taste a real subject. Taste Skill inventories the client's own material, chooses among researched directions, builds the page and checks it in a browser. (Taste README L123–136)
Inspect actual renders. Taste's documented check uses screenshots at 1440, 768 and 390 pixels, then fixes the highest-priority problems. (Taste skill README L24–30)

Before you start

Open a website project in a coding agent. The Impeccable npx installer uses Node; its skill needs no separate runtime. Taste Skill's scripts require Node 22+ and an installed Chrome, Edge or Chromium for browser inspection. (Impeccable README L97–109, Taste README L78–86)

Read each third-party skill's source before installing it. Treat the five linked sites as references and check rights before reusing their code or imagery. (gift page)

The gift page's copy, verbatim:

The five sites from the reel (the bar, not built by us), and the free Claude skills that help it design like them.

01Install it

Impeccable

From the root of your website project, run the gift page's installation line exactly as shown. Its installer asks which detected agent providers to install for and whether the scope is project or global. Reload the agent afterward. (gift page, Impeccable README L97–110)

npx impeccable install

For a scripted Claude-only, project-scoped install, the README documents these flags: (Impeccable README L105–109)

npx impeccable install --providers=claude --scope=project

Taste Skill

The repository's current install line names the one skill this repo contains, design-taste-frontend. (Taste README L78–86, L140–149)

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

For Claude Code's plugin route, the repo instead documents two commands to enter in Claude Code: (Taste README L88–98)

/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill

02Use the references in a real brief

Open the five reference sites from the gift page and write down a specific design decision you want to study from each. Give your agent the actual product, audience, content, brand assets and constraints. Taste's run starts by inventorying what is real and choosing a direction that suits the subject; Impeccable's init records product truth before targeted design passes. (Taste skill L72–98, Impeccable README L28–34)

In a project with Impeccable installed, start with its documented command: (Impeccable README L28–34)

/impeccable init

03Three things to try

Paste one of these into your coding agent with the relevant skill installed. They are task briefs, so replace the bracketed project details with real information. The commands and workflow they call for come from the pinned READMEs. (Impeccable README L36–80, Taste skill L72–120)

/impeccable shape the landing page for [real product]. Read PRODUCT.md first. Map each section to one claim and its proof. Give me the page structure before changing code.

/impeccable critique the current landing page. Check hierarchy, clarity and what the page asks a visitor to do. Identify the highest-impact changes with references to the rendered page.

Use the installed design-taste-frontend skill on [real project]. Inventory the subject's real assets and constraints first. Choose a direction that fits those facts. Build the page, inspect it at the skill's documented browser widths, and fix the top three visible problems.

Credit and licence

Impeccable is by pbakaus and has an Apache-2.0 licence. Taste Skill is by Leonxlnx and has an MIT licence. Pedro shares these projects and the five website links; the linked sites belong to their respective creators. (Impeccable repository, Taste README L232–234, gift page)