Back to tags
Tag

Agent Skills with tag: component-library

6 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

shadcn

How to work effectively with shadcn/ui components, always use when adding UI components

shadcn-uicomponent-libraryui-componentsfrontend
markhamsquareventures
markhamsquareventures
0

nextjs-shadcn-builder

Build new Next.js applications or migrate existing frontends (React, Vue, Angular, vanilla JS, etc.) to Next.js + shadcn/ui with systematic analysis and conversion. Enforces shadcn design principles - CSS variables for theming, standard UI components, no hardcoded values, consistent typography/colors. Use for creating Next.js apps, migrating frontends, adopting shadcn/ui, or standardizing component libraries. Includes MCP integration for shadcn documentation and automated codebase analysis.

nextjsshadcn-uifrontend-migrationcomponent-library
ovachiever
ovachiever
81

mudblazor

Build enterprise Blazor applications with MudBlazor component library. Use when creating forms, data grids, dialogs, navigation, theming, layout systems, or integrating with Neatoo domain objects. Covers installation, components, validation, data display, and enterprise patterns.

blazorcomponent-libraryformsdata-grids
keithdv
keithdv
0

generating-frontend-styleguides

Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects

style-guidefrontenddesign-systemscomponent-library
wzkariampuzha
wzkariampuzha
0

component-library

Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens

component-librarystorybookchromaticdesign-tokens
pluginagentmarketplace
pluginagentmarketplace
1

component-library

Comprehensive React component library with 30+ production-ready components using shadcn/ui architecture, CVA variants, Radix UI primitives, and Tailwind CSS. Use when users need to (1) Create React UI components with modern patterns, (2) Build complete component systems with consistent design, (3) Implement accessible, responsive, dark-mode-ready components, (4) Generate form components with React Hook Form integration, (5) Create data display components like tables, cards, charts, or (6) Build navigation, layout, or feedback components. Provides instant generation of customizable components that would otherwise take 20-45 minutes each to hand-code.

reactcomponent-librarytailwind-cssradix-ui
Bbeierle12
Bbeierle12
3