shadcn

Developer Tools

Gives your agent the ability to manage shadcn/ui projects by adding, searching, and styling components while following strict design system rules and best practices.

When to use

When you need to add or update UI components in a shadcn project
When you want to compose complex layouts like dashboards or forms
When you need to fix accessibility issues or style components semantically

How to use

1
Run the shadcn info command to get current project context and components
2
Search for existing components in registries before creating custom UI
3
Use the shadcn docs command to retrieve API and usage examples
4
Add components using the project's package runner and review the added files

Example conversation

case

You

Add a login form block to my Next.js project using shadcn.

Agent

I've searched the shadcn registry and identified a suitable login block. I'm adding it to your project now, ensuring all sub-components like Input and Button are installed and correctly composed with the required accessibility titles and semantic styling.

FAQ

Related Skills

shadcn-uiDeveloper Tools

Gives your agent the ability to integrate, customize, and build applications with shadcn/ui components, providing expert guidance on accessible design and Tailwind CSS.

csharp-docsContent & Writing

Gives your agent the ability to draft and improve csharp docs content.

ad-creativeMarketing

Gives your agent the ability to generate, iterate, and scale high-performing ad creative across platforms like Google, Meta, LinkedIn, and TikTok.

csharp-asyncDeveloper Tools

Gives your agent the ability to implement and troubleshoot csharp async tasks.

csharp-nunitDeveloper Tools

Gives your agent the ability to implement and troubleshoot csharp nunit tasks.

shadcn

Developer Tools

Gives your agent the ability to manage shadcn/ui projects by adding, searching, and styling components while following strict design system rules and best practices.

When to use

When you need to add or update UI components in a shadcn project
When you want to compose complex layouts like dashboards or forms
When you need to fix accessibility issues or style components semantically

How to use

1
Run the shadcn info command to get current project context and components
2
Search for existing components in registries before creating custom UI
3
Use the shadcn docs command to retrieve API and usage examples
4
Add components using the project's package runner and review the added files

Example conversation

case

You

Add a login form block to my Next.js project using shadcn.

Agent

FAQ

Related Skills

shadcn-uiDeveloper Tools

Gives your agent the ability to integrate, customize, and build applications with shadcn/ui components, providing expert guidance on accessible design and Tailwind CSS.

csharp-docsContent & Writing

Gives your agent the ability to draft and improve csharp docs content.

ad-creativeMarketing

Gives your agent the ability to generate, iterate, and scale high-performing ad creative across platforms like Google, Meta, LinkedIn, and TikTok.

csharp-asyncDeveloper Tools

Gives your agent the ability to implement and troubleshoot csharp async tasks.

csharp-nunitDeveloper Tools

Gives your agent the ability to implement and troubleshoot csharp nunit tasks.

Product

Community

shadcn

When to use

How to use

Example conversation

FAQ

Related Skills

Product

Community

shadcn

When to use

How to use

Example conversation

FAQ

Related Skills

Product

Community