shadcn-ui SKILL.md skillA

shadcn-ui from j-star-films-studios/vibecode-protocol-suite is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add j-star-films-studios/vibecode-protocol-suite/shadcn-ui@git:20260820.4dbe9e4

Pins git:20260820.4dbe9e4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
j-star-films-studios/vibecode-protocol-suite
Path
assets/.agent/skills/frontend-ui/stitch/shadcn-ui/SKILL.md
Versions recorded
1
Latest version
git:20260820.4dbe9e4, committed Aug 20, 2026
Size
9,207 bytes
Repository stars
26
License
ISC

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# shadcn/ui Component Integration

You are a frontend engineer specialized in building applications with shadcn/ui—a collection of beautifully designed, accessible, and customizable components built with Radix UI or Base UI and Tailwind CSS. You help developers discover, integrate, and customize components following best practices.

## Core Principles

shadcn/ui is **not a component library**—it's a collection of reusable components that you copy into your project. This gives you:
- **Full ownership**: Components live in your codebase, not node_modules
- **Complete customization**: Modify styling, behavior, and structure freely, including choosing between Radix UI or Base UI primitives
- **No version lock-in**: Update components selectively at your own pace
- **Zero runtime overhead**: No library bundle, just the code you need

## Component Discovery and Installation

### 1. Browse Available Components

Use the shadcn MCP tools to explore the component catalog and Registry Directory:
- **List all components**: Use `list_components` to see the complete catalog
- **Get component metadata**: Use `get_component_metadata` to understand props, dependencies, and usage
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add j-star-films-studios/vibecode-protocol-suite/shadcn-ui@sha256:2ddfe599ac2ba631

The line at the top of this page pins the label git:20260820.4dbe9e4, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_2ktztpgyd46wlbur.svg)](https://markdownregistry.com/a/art_2ktztpgyd46wlbur)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Aug 20, 2026.

versioncommittedcommitsizeaudit
git:20260820.4dbe9e4 latest2026-08-20 4dbe9e4 9,207 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9207 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

j-star-films-studios/vibecode-protocol-suite · 26 stars · license ISC · pushed 2026-10-17 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_2ktztpgyd46wlbur
GET https://markdownregistry.com/api/v1/resolve?ref=j-star-films-studios/vibecode-protocol-suite/shadcn-ui
GET https://markdownregistry.com/api/v1/blob/2ddfe599ac2ba631ca019f7b6e37ee5df9cd34f83fc016f6ea9d4ba5bbfa0304

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from j-star-films-studios/vibecode-protocol-suite

skill-curator SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · .agents/skill-curator/SKILL.md · Use when adding, importing, reorganizing, renaming, or refactoring skills according to the Lean Unified Skills…
v1.0.0 · audit A · 26 stars
unslop SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · .agents/skills/unslop/SKILL.md · Use when writing any text, chat responses, documentation, UI copy, or skill instructions. Cuts AI tells, filler, and…
v1.0.0 · audit A · 26 stars
AGENTS.md AGENTS.md file
j-star-films-studios/vibecode-protocol-suite · AGENTS.md
git:20260926.7aeecb2 · audit A · 26 stars
AGENTS.md@assets/.agent/skills AGENTS.md file
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/AGENTS.md
git:20260912.a111be5 · audit A · 26 stars
agent-engineering SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/SKILL.md · Use when engineering LLM prompts, compiling skills from sources ('source-to-skill'), engineering expert systems…
v2.1.0 · audit A · 26 stars
arena SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/arena/SKILL.md · Spawn N parallel candidates at the same task, pick a base, graft the strongest parts of the losers into it. Use for…
git:20260821.1b830a3 · audit A · 26 stars
automate-me SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/automate-me/SKILL.md · Use for "automate me", "create/update/refresh my -mode skill", "turn/capture my preferences or working style into a…
git:20260821.1b830a3 · audit A · 26 stars
codex-control SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/codex-control/SKILL.md · Use when Pi needs to delegate browser, desktop, or native-plugin tasks to the installed Codex CLI.
v1.0.0 · audit A · 26 stars
to-spec SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/conversation-to-spec/SKILL.md · Turn the current conversation into a spec and publish it to the project issue tracker: no interview, just synthesis of…
git:20260821.1b830a3 · audit A · 26 stars
crafting-effective-readmes SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/crafting-effective-readmes/SKILL.md · Use when writing or improving README files. Not all READMEs are the same — provides templates and guidance matched to…
git:20260820.4dbe9e4 · audit A · 26 stars
create-verification-skill SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/create-verification-skill/SKILL.md · Generate a project-local verification skill that drives your app the way a user does — any language, framework, or…
git:20260821.1b830a3 · audit A · 26 stars
domain-modeling SKILL.md skill
j-star-films-studios/vibecode-protocol-suite · assets/.agent/skills/agent-engineering/domain-modeling/SKILL.md · Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a CONTEXT.md…
git:20260821.1b830a3 · audit A · 26 stars

Every file in j-star-films-studios/vibecode-protocol-suite

Other files named shadcn-ui

shadcn-ui SKILL.md skill
asymmetric-al/core · .agents/skills/shadcn-ui/SKILL.md · Expert guidance for integrating and building applications with shadcn/ui components, including component discovery…
git:20261022.a8785a3 · audit A · 373 stars
shadcn-ui SKILL.md skill
giuseppe-trisciuoglio/developer-kit · plugins/developer-kit-typescript/skills/shadcn-ui/SKILL.md · Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of…
git:20260324.a02e282 · audit A · 366 stars
shadcn-ui SKILL.md skill
mweinbach/agent-coworker · .agents/skills/shadcn-ui/SKILL.md · Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of…
git:20260219.aedd80a · audit A · 157 stars
shadcn-ui SKILL.md skill
nahid-sparktales/agent-dispatcher · skills/frontend/shadcn-ui/SKILL.md · Work with shadcn/ui components and the Radix primitives under them — components are copied into the repo and are your…
git:20260919.a0d4f55 · audit A · 58 stars
shadcn-ui SKILL.md skill
mjunaidca/mjs-agent-skills · docs/taskflow-vault/skills/engineering/shadcn-ui/SKILL.md · Build beautiful, accessible UIs with shadcn/ui components. Use this skill when creating forms, dialogs, tables…
git:20251221.f6c90d7 · audit A · 28 stars
shadcn-ui SKILL.md skill
tekkiiiii/the-agency · skills/shadcn-ui/SKILL.md
git:20261026.c4135d4 · audit C · 7 stars

Browse by kind, by grade A, or by owner.