Does shadcn-svelte auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Is shadcn-svelte free?

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Development

Plugin

shadcn-svelte

shadcn/ui, but for Svelte. ✨

FLOW.md

huntabyte@huntabyte

GitHub

Plugin Signal58/100Fair

maintained100

capable14

documented30

adopted84

Install

$ npx -y skills add huntabyte/shadcn-svelte --agent claude-code

Run the curl in your terminal, the rest in Claude Code.

Stats

TypeScript Svelte shadcn/ui Vercel GitHub

+1 tag

Android

9,030

Stars

561

Forks

Active

Maintenance

TypeScript

Language

MIT

License

1d ago

Last commit

3y ago

Created

Repo: huntabyte/shadcn-svelte

In this plugin

1 skill

- shadcn-svelte

See everything inside

What's inside

Skills

/shadcn-svelteManages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a

Badges

README

Read on GitHub

shadcn-svelte is an unofficial community-led Svelte port of shadcn/ui.

Note We are not affiliated with shadcn, but we did get his blessing prior to creating this project This is a project born out of the need for a similar project for the Svelte ecosystem.

Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.

hero

Documentation

Visit https://shadcn-svelte.com/docs to view the documentation.

License

Published under the MIT license. Built by @huntabyte, CokaKoala,and community 💛

Community

Join the Discord server to ask questions, find collaborators, or just say hi!

File tree

1824

huntabyte/shadcn-svelteView on GitHub

.changeset/
  config.json
  README.md
.github/
  FUNDING.yml
  ISSUE_TEMPLATE/
    1-documentation_change.yml
    2-feature_request.yml
    3-bug_report.yml
    config.yml
  PULL_REQUEST_TEMPLATE.md
  reproduire/
    needs-reproduction.md
  workflows/
    autoformat.yml
    build-preview.yml
    ci.yml
    deploy-preview.yml
    deploy-prod.yml
    deploy-svelte-4.yml
    deploy-tailwind-3.yml
    pr-guard.yml
    release.yml
    reproduire-close.yml
    reproduire.yml
.gitignore
.npmrc
.nvmrc
.vscode/
  extensions.json
  settings.json
CONTRIBUTING.md
docs/
  _headers
  .gitignore
  .npmrc
  content/
    about.md
    changelog/
    changelog.md
      2023-10-command-combobox.md
      2023-11-toggle-group.md
      2023-12-calendar.md
      2024-01-new-components.md
      2024-02-resizable.md
      2024-03-blocks.md
      2025-05-tailwind-v4.md
      2025-06-calendar.md
      2025-10-new-components.md
      2026-03-luma.md
      2026-04-sera.md
      2026-05-rhea.md
    cli.md
    components/
    components-json.md
      accordion.md
      alert-dialog.md
      alert.md
      aspect-ratio.md
      avatar.md
      badge.md
      breadcrumb.md
      button-group.md
      button.md
      calendar.md
      card.md
      carousel.md
      chart.md
      checkbox.md
      collapsible.md
      combobox.md
      command.md
      context-menu.md
      data-table.md
      date-picker.md
      dialog.md
      drawer.md
      dropdown-menu.md
      empty.md
      field.md
      hover-card.md
      index.md
      input-group.md
      input-otp.md
      input.md
      item.md
      kbd.md
      label.md
      menubar.md
      native-select.md
      navigation-menu.md
      pagination.md
      popover.md
      progress.md
      radio-group.md
      range-calendar.md
      resizable.md
      scroll-area.md
      select.md
      separator.md
      sheet.md
      sidebar.md
      skeleton.md
      slider.md
      sonner.md
      spinner.md
      switch.md
      table.md
      tabs.md
      textarea.md
      toggle-group.md
      toggle.md
      tooltip.md
      typography.md
    dark-mode/
      astro.md
      index.md
      svelte.md
    figma.md
    forms/
      index.md
    index.md
    installation/
      astro.md
      index.md
      manual.md
      sveltekit.md
      vite.md
    javascript.md
    legacy.md
    migration/
      index.md
      svelte-5.md
      tailwind-v4.md
    registry/
      examples.md
      faq.md
      getting-started.md
      index.md
      registry-item-json.md
      registry-json.md
    skills.md
    theming.md
  mdsx.config.js
  package.json
  README.md
  scripts/
    build-icons.ts
    build-llm-placeholders.ts
    build-llms.ts
    build-registry.ts
    pull-styles.ts
    registry.ts
    tsconfig.json
    velite/
      velite-update-json.ts
      velite-utils.ts
      velite-watch-output.ts
  src/
    app.css
    app.d.ts
    app.html
    lib/
      blocks.ts
      colors.ts
      components/
        announcement.svelte
        block-viewer-code.svelte
        block-viewer-copy-code-button.svelte
        block-viewer-file-tree.svelte
        block-viewer-iframe.svelte
        block-viewer-toolbar.svelte
        block-viewer-tree.svelte
        block-viewer-view-mobile.svelte
        block-viewer-view.svelte
        block-viewer.svelte
        blocks-nav.svelte
        callout.svelte
        cards/
          activity-goal.svelte
          appearance-settings.svelte
          calendar.svelte
          cards-demo.svelte
          chat.svelte
          cookie-settings.svelte
          create-account.svelte
          demo.svelte
          exercise-minutes.svelte
          field-checkbox.svelte
          field-hear.svelte
          forms.svelte
          input-demo.svelte
          input-group-button-demo.svelte
          item-demo.svelte
          nested.svelte
          notion-prompt-form.svelte
          payments-actions-cell.svelte
          payments-email-header.svelte
          payments-features.ts
          payments.svelte
          report-issue.svelte
          root-components.svelte
          share.svelte
          stats.svelte
          team-members.svelte
        chart-code-viewer.svelte
        chart-copy-button.svelte
        chart-display.svelte
        chart-toolbar.svelte
        chart-tooltip-demo-item.svelte
        charts-nav.svelte
        code-collapsible-wrapper.svelte
        code-tabs.svelte
        color-format-selector.svelte
        color-indicator.svelte
        color-palette.svelte
        color.svelte
        colors/
        colors-nav.svelte
          color-card.svelte
          colors.ts
        command-menu/
          command-menu-item.svelte
          command-menu.svelte
        component-code-viewer/
          component-code-viewer-code-title.svelte
          component-code-viewer-code.svelte
          component-code-viewer-copy-code-button.svelte
          component-code-viewer-file-tree.svelte
          component-code-viewer-tree.svelte
          component-code-viewer.svelte
        component-preview-tabs.svelte
        component-preview.svelte
        component-source.svelte
        components-list.svelte
        copy-button.svelte
        cta-mobile.svelte
        cta.svelte
        customizer.svelte
        doc-tabs/
          doc-tabs-content.svelte
          doc-tabs-list.svelte
          doc-tabs-trigger.svelte
          doc-tabs.svelte
          index.ts
        docs-copy-page.svelte
        docs-figure.svelte
        docs-sidebar.svelte
        docs-toc.svelte
        ethical.svelte
        examples-nav.svelte
        github-link.svelte
        github.svelte
        icon-placeholder/
          hugeicons-icon.svelte
          icon-loader.ts
          icon-placeholder.svelte
          lucide-icon.svelte
          phosphor-icon.svelte
          remixicon-icon.svelte
          tabler-icon.svelte
        icons/
          bash.svelte
          css.svelte
          icons.ts
          json.svelte
          svelte.svelte
          ts.svelte
        install-cards.svelte
        install-tabs.svelte
        layout-toggle.svelte
        linked-card.svelte
        logo.svelte
        main-nav.svelte
        mdsx/
          a.svelte
          blockquote.svelte
          blueprint.svelte
          figcaption.svelte
          h1.svelte
          h2.svelte
          h3.svelte
          h4.svelte
          h5.svelte
          h6.svelte
          heading-anchor.svelte
          hr.svelte
          img.svelte
          index.ts
          li.svelte
          ol.svelte
          p.svelte
          pre.svelte
          strong.svelte
          table.svelte
          td.svelte
          th.svelte
          tr.svelte
          ul.svelte
        metadata.svelte
        mobile-nav.svelte
        mode-switcher.svelte
        og.svelte
        page-header/
          page-actions.svelte
          page-header-description.svelte
          page-header-heading.svelte
          page-header.svelte
        page-nav.svelte
        pm-add-comp.svelte
        pm-block.svelte
        pm-create.svelte
        pm-execute.svelte
        pm-install.svelte
        pm-remove.svelte
        pm-run.svelte
        pm-upgrade.svelte
        site-footer.svelte
        site-header.svelte
        spinner.svelte
        step.svelte
        steps.svelte
        svelte-white.svelte
        tab.svelte
        tailwind-indicator.svelte
        theme-customizer-code.svelte
        theme-customizer.svelte
        theme-selector.svelte
      config.ts
      constants.ts
      docs.ts
      features/
        design-system/
          components/
            design-system-provider-state.svelte.ts
            design-system-provider.svelte
          index.ts
      font-definitions.ts
      fonts.ts
      highlight-code.ts
      hooks/
        use-clipboard.svelte.ts
        use-is-mac.svelte.ts
        use-mutation-observer.svelte.ts
      navigation.ts
      package-manager.ts
      registry/
        base-colors.ts
        blocks/
          calendar-01.svelte
          calendar-02.svelte
          calendar-03.svelte
          calendar-04.svelte
          calendar-05.svelte
          calendar-06.svelte
          calendar-07.svelte
          calendar-08.svelte
          calendar-09.svelte
          calendar-10.svelte
          calendar-11.svelte
          calendar-12.svelte
          calendar-13.svelte
          calendar-14.svelte
          calendar-15.svelte
          calendar-16.svelte
          calendar-17.svelte
          calendar-18.svelte
          calendar-19.svelte
          calendar-20.svelte
          calendar-21.svelte
          calendar-22.svelte
          calendar-23.svelte
          calendar-24.svelte
          calendar-25.svelte
          calendar-26.svelte
          calendar-27.svelte
          calendar-28.svelte
          calendar-29.svelte
          calendar-30.svelte
          calendar-31.svelte
          calendar-32.svelte
          chart-area-axes.svelte
          chart-area-default.svelte
          chart-area-gradient.svelte
          chart-area-icons.svelte
          chart-area-interactive.svelte
          chart-area-legend.svelte
          chart-area-linear.svelte
          chart-area-stacked-expand.svelte
          chart-area-stacked.svelte
          chart-area-step.svelte
          chart-bar-active.svelte
          chart-bar-default.svelte
          chart-bar-horizontal.svelte
          chart-bar-interactive.svelte
          chart-bar-label-custom.svelte
          chart-bar-label.svelte
          chart-bar-mixed.svelte
          chart-bar-multiple.svelte
          chart-bar-negative.svelte
... 1600 more

Showing a partial view of a very large repo.

FAQ

shadcn-svelte is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes shadcn-svelte. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is shadcn-svelte?: shadcn/ui, but for Svelte. ✨
How do I install shadcn-svelte?: Run these in Claude Code: npx -y skills add huntabyte/shadcn-svelte --agent claude-code. Then prompt normally.
Does shadcn-svelte auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is shadcn-svelte free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

.changeset/ config.json README.md .github/ FUNDING.yml ISSUE_TEMPLATE/ 1-documentation_change.yml 2-feature_request.yml 3-bug_report.yml config.yml PULL_REQUEST_TEMPLATE.md reproduire/ needs-reproduction.md workflows/ autoformat.yml build-preview.yml ci.yml deploy-preview.yml deploy-prod.yml deploy-svelte-4.yml deploy-tailwind-3.yml pr-guard.yml release.yml reproduire-close.yml reproduire.yml .gitignore .npmrc .nvmrc .vscode/ extensions.json settings.json CONTRIBUTING.md docs/ _headers .gitignore .npmrc content/ about.md changelog/ changelog.md 2023-10-command-combobox.md 2023-11-toggle-group.md 2023-12-calendar.md 2024-01-new-components.md 2024-02-resizable.md 2024-03-blocks.md 2025-05-tailwind-v4.md 2025-06-calendar.md 2025-10-new-components.md 2026-03-luma.md 2026-04-sera.md 2026-05-rhea.md cli.md components/ components-json.md accordion.md alert-dialog.md alert.md aspect-ratio.md avatar.md badge.md breadcrumb.md button-group.md button.md calendar.md card.md carousel.md chart.md checkbox.md collapsible.md combobox.md command.md context-menu.md data-table.md date-picker.md dialog.md drawer.md dropdown-menu.md empty.md field.md hover-card.md index.md input-group.md input-otp.md input.md item.md kbd.md label.md menubar.md native-select.md navigation-menu.md pagination.md popover.md progress.md radio-group.md range-calendar.md resizable.md scroll-area.md select.md separator.md sheet.md sidebar.md skeleton.md slider.md sonner.md spinner.md switch.md table.md tabs.md textarea.md toggle-group.md toggle.md tooltip.md typography.md dark-mode/ astro.md index.md svelte.md figma.md forms/ index.md index.md installation/ astro.md index.md manual.md sveltekit.md vite.md javascript.md legacy.md migration/ index.md svelte-5.md tailwind-v4.md registry/ examples.md faq.md getting-started.md index.md registry-item-json.md registry-json.md skills.md theming.md mdsx.config.js package.json README.md scripts/ build-icons.ts build-llm-placeholders.ts build-llms.ts build-registry.ts pull-styles.ts registry.ts tsconfig.json velite/ velite-update-json.ts velite-utils.ts velite-watch-output.ts src/ app.css app.d.ts app.html lib/ blocks.ts colors.ts components/ announcement.svelte block-viewer-code.svelte block-viewer-copy-code-button.svelte block-viewer-file-tree.svelte block-viewer-iframe.svelte block-viewer-toolbar.svelte block-viewer-tree.svelte block-viewer-view-mobile.svelte block-viewer-view.svelte block-viewer.svelte blocks-nav.svelte callout.svelte cards/ activity-goal.svelte appearance-settings.svelte calendar.svelte cards-demo.svelte chat.svelte cookie-settings.svelte create-account.svelte demo.svelte exercise-minutes.svelte field-checkbox.svelte field-hear.svelte forms.svelte input-demo.svelte input-group-button-demo.svelte item-demo.svelte nested.svelte notion-prompt-form.svelte payments-actions-cell.svelte payments-email-header.svelte payments-features.ts payments.svelte report-issue.svelte root-components.svelte share.svelte stats.svelte team-members.svelte chart-code-viewer.svelte chart-copy-button.svelte chart-display.svelte chart-toolbar.svelte chart-tooltip-demo-item.svelte charts-nav.svelte code-collapsible-wrapper.svelte code-tabs.svelte color-format-selector.svelte color-indicator.svelte color-palette.svelte color.svelte colors/ colors-nav.svelte color-card.svelte colors.ts command-menu/ command-menu-item.svelte command-menu.svelte component-code-viewer/ component-code-viewer-code-title.svelte component-code-viewer-code.svelte component-code-viewer-copy-code-button.svelte component-code-viewer-file-tree.svelte component-code-viewer-tree.svelte component-code-viewer.svelte component-preview-tabs.svelte component-preview.svelte component-source.svelte components-list.svelte copy-button.svelte cta-mobile.svelte cta.svelte customizer.svelte doc-tabs/ doc-tabs-content.svelte doc-tabs-list.svelte doc-tabs-trigger.svelte doc-tabs.svelte index.ts docs-copy-page.svelte docs-figure.svelte docs-sidebar.svelte docs-toc.svelte ethical.svelte examples-nav.svelte github-link.svelte github.svelte icon-placeholder/ hugeicons-icon.svelte icon-loader.ts icon-placeholder.svelte lucide-icon.svelte phosphor-icon.svelte remixicon-icon.svelte tabler-icon.svelte icons/ bash.svelte css.svelte icons.ts json.svelte svelte.svelte ts.svelte install-cards.svelte install-tabs.svelte layout-toggle.svelte linked-card.svelte logo.svelte main-nav.svelte mdsx/ a.svelte blockquote.svelte blueprint.svelte figcaption.svelte h1.svelte h2.svelte h3.svelte h4.svelte h5.svelte h6.svelte heading-anchor.svelte hr.svelte img.svelte index.ts li.svelte ol.svelte p.svelte pre.svelte strong.svelte table.svelte td.svelte th.svelte tr.svelte ul.svelte metadata.svelte mobile-nav.svelte mode-switcher.svelte og.svelte page-header/ page-actions.svelte page-header-description.svelte page-header-heading.svelte page-header.svelte page-nav.svelte pm-add-comp.svelte pm-block.svelte pm-create.svelte pm-execute.svelte pm-install.svelte pm-remove.svelte pm-run.svelte pm-upgrade.svelte site-footer.svelte site-header.svelte spinner.svelte step.svelte steps.svelte svelte-white.svelte tab.svelte tailwind-indicator.svelte theme-customizer-code.svelte theme-customizer.svelte theme-selector.svelte config.ts constants.ts docs.ts features/ design-system/ components/ design-system-provider-state.svelte.ts design-system-provider.svelte index.ts font-definitions.ts fonts.ts highlight-code.ts hooks/ use-clipboard.svelte.ts use-is-mac.svelte.ts use-mutation-observer.svelte.ts navigation.ts package-manager.ts registry/ base-colors.ts blocks/ calendar-01.svelte calendar-02.svelte calendar-03.svelte calendar-04.svelte calendar-05.svelte calendar-06.svelte calendar-07.svelte calendar-08.svelte calendar-09.svelte calendar-10.svelte calendar-11.svelte calendar-12.svelte calendar-13.svelte calendar-14.svelte calendar-15.svelte calendar-16.svelte calendar-17.svelte calendar-18.svelte calendar-19.svelte calendar-20.svelte calendar-21.svelte calendar-22.svelte calendar-23.svelte calendar-24.svelte calendar-25.svelte calendar-26.svelte calendar-27.svelte calendar-28.svelte calendar-29.svelte calendar-30.svelte calendar-31.svelte calendar-32.svelte chart-area-axes.svelte chart-area-default.svelte chart-area-gradient.svelte chart-area-icons.svelte chart-area-interactive.svelte chart-area-legend.svelte chart-area-linear.svelte chart-area-stacked-expand.svelte chart-area-stacked.svelte chart-area-step.svelte chart-bar-active.svelte chart-bar-default.svelte chart-bar-horizontal.svelte chart-bar-interactive.svelte chart-bar-label-custom.svelte chart-bar-label.svelte chart-bar-mixed.svelte chart-bar-multiple.svelte chart-bar-negative.svelte ... 1600 more