What the tech

Search

/ opens search from anywhere. Esc closes it.

Tools

Get the newsletter

baseline-ui: a Claude Code skill by Julien Thibeaut

For developers using Tailwind and React who want AI-built screens tidied to a strict house style. Skip it if your project avoids Tailwind or you want bold, decorative visuals.

Score
69of 100
Rank
#187of 239
Installs
26.2Kon skills.sh
Security
Clear 5 scanners
Updated
2026
Context
~40tokens always

Install

npx skills add https://github.com/ibelick/ui-skills --skill baseline-ui

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 baseline-ui do?

baseline-ui is a skill that applies a fixed set of UI rules to clean up interfaces that look AI-generated. Called alone, it holds all UI work in the chat to those rules. Called with a file, it lists each violation with the quoted line, a one-sentence reason and a code fix. The rules expect Tailwind defaults, the cn helper, motion/react for JS animation and accessible primitives such as Base UI, React Aria or Radix. They ban gradients, glow effects, h-screen and custom easing, cap feedback animation at 200ms, and animate only transform and opacity. Typography rules ask for text-balance on headings and tabular-nums for data.

When should you use baseline-ui?

Use it when

  • A generated page has messy spacing and type
  • You want a file checked against fixed UI rules
  • You are adding animation and want limits on it

Skip it when

  • Your project does not use Tailwind
  • You want gradients, glows or expressive motion

What it needs and what it can touch

You need

  • A project using Tailwind CSS

What it can do

  • Reads the file you name and suggests code changes

From reading its instructions, not from running it.

Why it scores 69

Strongest on upkeep (100 of 100), weakest on adoption (47).

  • Adoption35 points 47
  • Upkeep20 points 100
  • Trust20 points 65
  • Quality15 points 85
  • Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is baseline-ui safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

ScannerResultDate
Gen Agent Trust HubPassedSep 15, 2026
SocketPassedSep 15, 2026
SnykLow riskSep 15, 2026
RunlayerPassedFeb 26, 2026
ZeroLeaksPassedApr 16, 2026

Details

Installs
26,178
Repository stars
10,922
Last repository change
Tokens always loaded
about 40
Tokens when used
about 806
License
MIT
Data confidence
High

Alternatives to baseline-ui

All skills for this job
  • frontend-ui-engineering

    For developers building React-style interfaces who want accessible, responsive components without the stock AI look.

    Score 77 79.3K installs

    Get frontend-ui-engineering
  • better-ui

    For designers and front-end developers who want exact values for radius, shadows, icons and motion.

    Score 67 46.3K installs

    Get better-ui
  • shadcn

    For React developers on shadcn/ui who want Claude to add and compose components through the CLI.

    Score 93 415K installs Official

    Get shadcn
  • impeccable

    For designers and developers who want named commands such as polish, critique and quieter for interface work.

    Score 81 4K installs

    Get impeccable