VerifiedPlugin
Development
improve
An agent skill that audits any codebase and writes implementation plans for other agents to execute.
1 skill
@shadcnDevelopment
PopularPlugin
ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
Plugin Signal61/100Solid
maintained98
capable23
documented23
adopted100
Install
$ npx -y skills add shadcn/ui --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
120,972
Stars
9,791
Forks
Active
Maintenance
TypeScript
Language
MIT
License
2h ago
Last commit
3y ago
Created
Repo: shadcn/ui
What's inside
Skills
2/migrate-radix-to-baseMigrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects./shadcnManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes,
README
1shadcn/ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
Documentation
Visit https://ui.shadcn.com/docs to view the documentation.
Contributing
Please read the contributing guide.
License
Licensed under the MIT license.
File tree
1889shadcn/uiView on GitHub
.changeset/
config.json
README.md
.claude/
launch.json
settings.local.json
.commitlintrc.json
.cursor/
.cursor-plugin/
plugin.json
rules/
registry-bases-parity.mdc
.editorconfig
.eslintignore
.eslintrc.json
.github/
changeset-version.js
collect-prerelease-info.js
dependabot.yml
DISCUSSION_TEMPLATE/
blocks-request.yml
FUNDING.yml
ISSUE_TEMPLATE/
bug_report.yml
config.yml
feature_request.yml
version-script-next.js
workflows/
browser-tests.yml
code-check.yml
issue-stale.yml
prerelease-comment.yml
release.yml
signed-commits.yml
templates.yml
test.yml
validate-registries.yml
.gitignore
.kodiak.toml
.npmrc
.nvmrc
.prettierignore
.vscode/
settings.json
apps/
v4/
.env.example
.gitignore
.prettierignore
app/
(app)/
(create)/
components/
accent-picker.tsx
action-menu.tsx
base-color-picker.tsx
base-picker.tsx
chart-color-picker.tsx
copy-preset.tsx
create-devtools.tsx
create-skeleton.tsx
customizer.tsx
design-system-provider.tsx
font-picker.tsx
history-buttons.tsx
icon-library-picker.tsx
icon-placeholder.tsx
item-explorer.tsx
lock-button.tsx
main-menu.tsx
menu-picker.tsx
mode-switcher.tsx
open-preset.tsx
picker.tsx
preset-handler.tsx
preset-picker.tsx
preview-override.tsx
preview-style.tsx
preview-switcher.tsx
preview.tsx
project-form.tsx
radius-picker.tsx
random-button.tsx
reset-button.tsx
share-button.tsx
style-picker.tsx
theme-picker.tsx
v0-button.tsx
welcome-dialog.tsx
create/
layout.tsx
loading.tsx
page.tsx
hooks/
use-action-menu.ts
use-design-system.ts
use-history.tsx
use-iframe-sync.tsx
use-locks.tsx
use-open-preset.tsx
use-random.tsx
use-reset.tsx
use-theme-toggle.tsx
init/
md/
route.ts
route.test.ts
route.ts
v0/
route.ts
lib/
api.ts
build-instructions.ts
constants.ts
devtools.ts
fonts.ts
merge-theme.ts
parse-config.test.ts
parse-config.ts
parse-preset-input.test.ts
parse-preset-input.ts
preset-code.ts
preset-query.test.ts
preset-query.ts
randomize-biases.ts
search-params.test.ts
search-params.ts
shuffle-presets.ts
templates.ts
utils.ts
v0.test.ts
v0.ts
(root)/
cards/
account-access.tsx
analytics-card.tsx
claimable-balance.tsx
contribution-history.tsx
dividend-income.tsx
empty-distribute-track.tsx
index.tsx
new-milestone.tsx
notification-settings.tsx
payments.tsx
payout-threshold.tsx
power-usage.tsx
qr-connect.tsx
savings-targets.tsx
sidebar-nav.tsx
skeleton/
account-access.tsx
analytics-card.tsx
claimable-balance.tsx
contribution-history.tsx
dividend-income.tsx
empty-distribute-track.tsx
index.tsx
new-milestone.tsx
notification-settings.tsx
payments.tsx
payout-threshold.tsx
power-usage.tsx
qr-connect.tsx
savings-targets.tsx
sidebar-nav.tsx
transfer-funds.tsx
ui-elements.tsx
transfer-funds.tsx
ui-elements.tsx
page.tsx
(styles)/
sera/
article-directory/
components/
article-directory.tsx
preview-header.tsx
index.tsx
audience-analytics/
components/
demographics.tsx
metrics-grid.tsx
preview-header.tsx
top-editorial.tsx
traffic-overview-deferred.tsx
traffic-overview.tsx
index.tsx
components/
image-preview.tsx
lazy-preview.tsx
theme-switcher.tsx
edit-article/
components/
editor-workspace.tsx
preview-header.tsx
index.tsx
empty-state/
components/
empty-directory.tsx
preview-header.tsx
index.tsx
media-library/
media-library-table/
components/
asset-table.tsx
filter-library.tsx
preview-header.tsx
index.tsx
components/
asset-details.tsx
asset-grid.tsx
preview-header.tsx
data.ts
index.tsx
opengraph-image.jpg
page.tsx
style.css
twitter-image.jpg
(typeset)/
components/
customizer.tsx
docs-panel.tsx
font-picker.tsx
forward-scripts.tsx
get-code-drawer.tsx
lock-button.tsx
main-menu.tsx
option-picker.tsx
picker.tsx
preview-override.tsx
preview-provider.tsx
preview.tsx
random-button.tsx
toolbar.tsx
typeset-skeleton.tsx
hooks/
use-history.tsx
use-locks.tsx
use-shuffle.tsx
use-theme-toggle.tsx
lib/
fixtures/
article.ts
changelog.ts
chat.ts
docs.ts
elements.ts
index.ts
notes.ts
recipe.ts
tailwind.ts
fonts.ts
search-params.ts
typeset/
typeset.css
layout.tsx
loading.tsx
page.tsx
blocks/
[...categories]/
page.tsx
layout.tsx
page.tsx
charts/
[type]/
page.tsx
charts.tsx
layout.tsx
colors/
layout.tsx
page.tsx
docs/
[[...slug]]/
page.tsx
changelog/
page.tsx
layout.tsx
examples/
authentication/
components/
user-auth-form.tsx
page.tsx
dashboard/
components/
app-sidebar.tsx
chart-area-interactive.tsx
data-table.tsx
nav-documents.tsx
nav-main.tsx
nav-secondary.tsx
nav-user.tsx
section-cards.tsx
site-header.tsx
data.json
page.tsx
layout.tsx
playground/
components/
code-viewer.tsx
maxlength-selector.tsx
model-selector.tsx
preset-actions.tsx
preset-save.tsx
preset-selector.tsx
preset-share.tsx
temperature-selector.tsx
top-p-selector.tsx
data/
models.ts
presets.ts
page.tsx
rtl/
components/
appearance-settings.tsx
button-group-demo.tsx
button-group-input-group.tsx
button-group-nested.tsx
button-group-popover.tsx
empty-avatar-group.tsx
field-checkbox.tsx
field-demo.tsx
field-hear.tsx
field-slider.tsx
index.tsx
input-group-button.tsx
input-group-demo.tsx
item-demo.tsx
notion-prompt-form.tsx
spinner-badge.tsx
spinner-empty.tsx
page.tsx
tasks/
components/
columns.tsx
data-table-column-header.tsx
data-table-faceted-filter.tsx
data-table-features.ts
data-table-pagination.tsx
data-table-row-actions.tsx
data-table-toolbar.tsx
data-table-view-options.tsx
data-table.tsx
user-nav.tsx
data/
data.tsx
schema.ts
seed.ts
tasks.json
page.tsx
layout.tsx
llm/
[[...slug]]/
route.ts
(view)/
examples/
[base]/
[name]/
page.tsx
preview/
[base]/
[name]/
page.tsx
font-variables.tsx
fonts.ts
layout.tsx
typeset/
[name]/
page.tsx
layout.tsx
view/
[style]/
[name]/
component-preview.tsx
page.tsx
api/
search/
route.ts
globals.css
layout.tsx
legacy-themes.css
og/
geist-regular-otf.json
geist-semibold-otf.json
geistmono-regular-otf.json
route.tsx
r/
registries.json/
route.ts
rss.xml/
route.ts
style-registry.css
typeset.css/
route.ts
components/
components.json
active-theme.tsx
analytics.tsx
announcement.tsx
block-display.tsx
block-image.tsx
block-viewer.tsx
... 1600 moreShowing a partial view of a very large repo.
More Flows by @shadcn.
@shadcnFAQ
ui is a Claude Code plugin with 2 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes migrate-radix-to-base, shadcn. 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 ui?
- A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.
- How do I install ui?
- Run these in Claude Code: npx -y skills add shadcn/ui --agent claude-code. Then prompt normally.
- Does ui 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 ui free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.