shadcn/ui

shadcn/ui is a Frontend skill for Claude Code, published by Devin-AXIS in iPolloWork.

4.3K stars825 forkson Devin-AXIS/iPolloWorkAdded 2026/08/20Repository updated 2026/08/20

agent-collaborationagent-skillsai-agentsai-workclaude-codecodexdeepseek-harnessdsh-pluginenterprise-agent-workspacehermes-agentipollowork-pluginipollowork-skillopenclawopencodeopencode-pluginself-evolving-aivisual-editor

Install in seconds

Install shadcn/ui

Copy shadcn/ui into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Devin-AXIS/iPolloWork/tree/main/.opencode/skills/shadcn ~/.claude/skills/shadcn

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Devin-AXIS/iPolloWork.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .opencode/skills/shadcn/SKILL.md in Devin-AXIS/iPolloWork
Installs to: ~/.claude/skills/shadcn
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What shadcn/ui does

shadcn/ui manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Use it when working with shadcn/ui, component registries, presets, or any project with a components.json file.

shadcn/ui is cataloged under Frontend on DirSkills. shadcn/ui comes from a repository tagged agent-collaboration, agent-skills, ai-agents, ai-work and claude-code.

Documentation

README

Excerpt

shadcn/ui

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

IMPORTANT: Run all CLI commands using the project's package runner: npx shadcn@latest, pnpm dlx shadcn@latest, or bunx --bun shadcn@latest — based on the project's packageManager. Examples below use npx shadcn@latest but substitute the correct runner for the project.

Current Project Context

!`npx shadcn@latest info --json`

The JSON above contains the project config and installed components. Use npx shadcn@latest docs <component> to get documentation and example URLs for any component.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about shadcn/ui

What else does Devin-AXIS publish alongside shadcn/ui?
shadcn/ui is one of 25 skills that DirSkills catalogs from Devin-AXIS/iPolloWork, the repository it ships in. Its siblings there include Acme Research, Agent-First Screenshots and Browser Automation. Each one is a separate skill with its own page in this directory, installs the same way shadcn/ui does, and is maintained by Devin-AXIS in that same repository. The rest of the collection is listed on the Devin-AXIS/iPolloWork page.
How does shadcn/ui compare to other Frontend skills?
shadcn/ui ranks #167 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of shadcn/ui against them. Open each page to compare what they document and how they install.