New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Shadcn

by one-ie in one-ie/one

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

Custom licenceAuto-check passedFrontend & Design

Install Shadcn

skills CLI
$ npx skills add one-ie/one --skill shadcn -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install one-ie/one shadcn --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/one-ie/one.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/shadcn .claude/skills/shadcn && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
shadcn
GitHub stars
131
Token cost
~302 tokens
SKILL.md length
121 words
Files
1
Skills in repo
9
Repo updated
First seen
Licence
Custom licence

At a glance

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

  • Tasks that involve Design systems
  • SKILL.md covers The token rule, Adding a component and Don't
  • Calls bunx

What it does

Shadcn is an agent skill from one-ie/one. shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI. Invoke when editing src/components/ui/ or adding a primitive.

Its SKILL.md is about 300 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Design systems. It works with shadcn/ui, Astro and React. The repository describes itself as: Make Your Ideas Real. Build Apps, Websites and AI Agents with Plain English with Astro, React, Shadcn and Cloudflare.

When your agent uses it

  • Tasks that involve Design systems

Example prompts

  • “/shadcn”

What it can do on your machine

Read from SKILL.md and the folder at commit 42ba8cd. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • bunx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use bunx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Shadcn loads about 302 tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 121 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~43
When it runs · the whole SKILL.md, loaded when a task matches
~302

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 121 words (~302 tokens).

“The 33 primitives in src/components/ui/ are vendored shadcn. They are styled by the 6-token system — they reference CSS vars, never literal colors.”

— opening of SKILL.md by one-ie, Custom licence
name
shadcn

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/shadcn of one-ie/one.

Open the folder on GitHubat commit 42ba8cd

Compare with similar skills

Shadcn next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Shadcn compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Shadcn this skillone-ie/one131—~302Automated safety check: PassCustom licence
Creative Tim UI Blockscreativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT
Cosscrafter-station/petdex4.2k—~1.4kAutomated safety check: PassMIT
Ss Learnbitjaru/styleseed973—~1.3kAutomated safety check: PassMIT
Migrate Radix To BaseTheOrcDev/youtube-to-blog1802 repos~2.3kAutomated safety check: PassMIT
UithingBayBreezy/ui-thing729—~1.3kAutomated safety check: PassCustom licence

Similar skills

  • Creative Tim UI Blocks

    creativetimofficial/ui

    Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

    12k GitHub stars~2.1k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check: notes

  • Coss

    crafter-station/petdex

    Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

    4.2k GitHub stars~1.4k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Ss Learn

    bitjaru/styleseed

    Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

    973 GitHub stars~1.3k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Migrate Radix To Base

    TheOrcDev/youtube-to-blog

    Migrates React projects and components from Radix UI to Base UI.

    180 GitHub starsUsed in 2 repos~2.3k tokens
    Frontend & DesignAuto-check passed

  • Uithing

    BayBreezy/ui-thing

    Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

    729 GitHub stars~1.3k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Avoid AI Design

    sunkaifei/FlyCms

    Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

    656 GitHub stars~3.5k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

More from one-ie/one

All 9 skills in this repo

  • Astro

    one-ie/one

    Astro 7 conventions for ONE sites — plugin wiring via one.config.ts, OneChat/OneTrack placement, Cloudflare SSR.

    131 GitHub stars~351 tokensUpdated 12 days ago
    Auto-check passed

  • React19

    one-ie/one

    React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data.

    131 GitHub stars~349 tokensUpdated 12 days ago
    Auto-check passed

  • SDK

    one-ie/one

    Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper.

    131 GitHub stars~310 tokensUpdated 12 days ago
    Auto-check passed

  • Declare Types

    one-ie/one

    Give this workspace a resource type — products, lessons, tickets, whatever the business actually tracks — by writing one TOML file, so navigation, a searchable index, a detail page and a create/edit…

    131 GitHub stars~939 tokensUpdated 12 days ago
    Auto-check passed

  • Publish

    one-ie/one

    Put words on this site — a blog post, a docs page, a product, or a live page from ONE's editor.

    131 GitHub stars~940 tokensUpdated 12 days ago
    Auto-check passed

  • Workflow

    one-ie/one

    Write a workflow this site will actually run — the eight step kinds, the fenced graph block that makes it executable, and the trap where beautifully-written prose compiles to a workflow with zero…

    131 GitHub stars~851 tokensUpdated 12 days ago
    Auto-check passed

Works with

Categories

Questions about Shadcn

What does Shadcn do?

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI. Shadcn is an agent skill from one-ie/one. shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

When should I use Shadcn?

Shadcn fits situations like: tasks that involve Design systems.

How do I install Shadcn in Claude Code?

Run `npx skills add one-ie/one --skill shadcn -a claude-code`. Or copy the skill folder (.claude/skills/shadcn in one-ie/one) into .claude/skills/shadcn in your project. Claude Code loads it when a task matches its description.

How do I install Shadcn in Codex?

Run `npx skills add one-ie/one --skill shadcn -a codex`. Or copy the skill folder (.claude/skills/shadcn in one-ie/one) into .agents/skills/shadcn in your project. Codex loads it when a task matches its description.

Can I use Shadcn in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add one-ie/one --skill shadcn -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/shadcn, .gemini/skills/shadcn, .github/skills/shadcn and .opencode/skills/shadcn in your project.

What does Shadcn need to run?

Going by SKILL.md and its folder, Shadcn needs the command-line tools its instructions call (bunx).

Does Shadcn access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Shadcn safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Shadcn use?

Shadcn has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Shadcn use?

About 302 tokens (SKILL.md is roughly 1.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Shadcn?

Skills that share tags, products or a category with Shadcn: Creative Tim UI Blocks (creativetimofficial/ui, 12k stars), Coss (crafter-station/petdex, 4.2k stars), Ss Learn (bitjaru/styleseed, 973 stars) and Migrate Radix To Base (TheOrcDev/youtube-to-blog, 180 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Shadcn?

one-ie (a GitHub organization) maintains it in one-ie/one, which has 131 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on September 28, 2026.

Source: one-ie/one on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.