1. Habit
  2. Skills
  3. shadcn-svelte skill
huntabyte · 7K installs

shadcn-svelte skill
Runs by itself, monthly component update.

Keep Svelte UI components current.

Install the shadcn-svelte skill and make it a habit: follow https://gethabit.dev/skills/huntabyte/shadcn-svelte.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

7K installs9K starsMIT licenceSource on GitHub ↗

shadcn-svelte

by huntabyte · 7K installs

The skill

The shadcn-svelte skill helps agents add, update, fix and compose shadcn-svelte components with the CLI, following rules for forms, styling, icons and composition.

Only when you ask.

The habit

Keep Svelte UI components current.

↻ Runs by itselfmonthly component update

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

monthly component update. Runs in Claude Code routine.

  • ↻ monthly component update
  • 0 9 1 * *

02

It checks its work

build and rule checks. If a check fails, it tells you.

  • ✓build passes
  • ✓no space-x-* or space-y-* classes in changed files
  • ✓every Dialog, Sheet and Drawer has a Title
  • ✓every Avatar has Avatar.Fallback

03

It remembers

component update board. The next run reads it first: components with custom edits and open conflicts.

loops/shadcn-svelte-update-loop/board.md

One run, step by step.
Then it stops.

Stop ruleStops after one update pass and one retry per run.

  1. 01

    Read the context

    Your agent reads components.json and lists the aliases.ui folder.

  2. 02

    Save local work

    It commits or stashes local changes first.

  3. 03

    Update

    It runs npx shadcn-svelte@latest update with --all or per component.

  4. 04

    Review the diff

    It reads git diff and resolves conflicts in customized files.

  5. 05

    Check the rules

    It checks groups, titles, validation attributes and icon imports against iconLibrary.

  6. 06

    Build

    It builds the project and lists open items on the board.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the shadcn-svelte skill helps.

Use it when

  • ✓ You add components with the CLI
  • ✓ You build forms with Field components
  • ✓ You update registry components

Skip it when

  • – The project is not Svelte
  • – You use another component library

Questions

shadcn-svelte skill, answered.

Will it overwrite my edits?

No. The skill never uses --overwrite on add without your explicit approval.

Which package runner does it use?

The project's own: npx, pnpm dlx or bunx --bun.

How do I install the shadcn-svelte skill?

Copy the prompt at the top into your agent. It installs the skill from huntabyte/shadcn-svelte and sets up the habit. Or run npx skills add huntabyte/shadcn-svelte --skill shadcn-svelte.

Is the shadcn-svelte skill free?

Yes. It is published under MIT. Habit is free too.

shadcn-svelte. Now as a habit.

Install the shadcn-svelte skill and make it a habit: follow https://gethabit.dev/skills/huntabyte/shadcn-svelte.md

  • Free
  • No account
  • Undo in one line

All huntabyte skills →More code skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by huntabyte, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.