Skip to content

// Generate shadcn/ui screens from plain English with tokens, dark mode, and accessibility baked in.

Frontend shadcn BuilderVerified Creator

git log --oneline --stat
HEAD
Stars
4.1k
Forks
180
Updated
Apr 18, 2026
repo --stat
  • stars

    4.1k

  • forks

    180

  • last update

    Apr 18, 2026

  • license

    MITv1.2.0

quickstart.sh
3 steps
  1. Install

    // Drops SKILL.md into ~/.claude/skills/

    $ claude skills add frontend-shadcn-builder
  2. Invoke

    // Run from any project directory

    $ claude --skill frontend-shadcn-builder "give my landing page a hero treatment"
  3. Iterate

    // Re-run with edits — Claude keeps the skill loaded

    $ claude --skill frontend-shadcn-builder "now refactor it"
frontend-shadcn-builder/
references
  • references/
  • SKILL.mdopen
  • README.mdopen
SKILL.md
readonly
name:
Frontend shadcn Builder
slug:
frontend-shadcn-builder
version:
v1.2.0
license:
MIT
author:
@pixelgrid
categories:
tags:
#react#shadcn#tailwind#nextjs
description:

Generate shadcn/ui screens from plain English with tokens, dark mode, and accessibility baked in.

README.md

frontend-shadcn-builder/README.md
7 sections
Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.
Loading review form…