shadcn skills

28 tagged shadcn, measured the same way as everything else here.

Browse within: nextjs 17cmdk 15data-table 15tanstack-table 15base-ui 13baseui 13charts 13data-visualization 13motion 13shadcn-ui 9cursor 7radix-ui 7agents 6antigravity 6

creative-tim-ui

01

creativetimofficial/ui

Skill Claude CodeCodex

Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…

not rated 12k +8 7mo ago A SkillSpector: warn 91 tokens original MIT

shadcn-vue

02

unovue/shadcn-vue

Skill Claude Code

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 11k +23 2d ago A Socket: passSnyk: warnSkillSpector: warn 97 tokens original MIT

seo-audit

03

midday-ai/packrun

Skill Claude CodeCodex

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," or "SEO health check." For building pages at scale to target keywords, see programmatic-seo. For adding…

not rated 3.8k +1 8mo ago A 87 tokens

shadcn-ui-flutter

04

nank1ro/flutter-shadcn-ui

Skill Claude CodeCodex

A comprehensive Flutter UI library inspired by shadcn/ui. Provides high-quality, customizable, and accessible components including Buttons, Cards, Forms, and more. Use this skill when building Flutter UIs, implementing design systems, or needing specific component usage examples.

not rated 2.8k +1 2d ago A Socket: passSnyk: passSkillSpector: pass 58 tokens original MIT

bklit-ui

05

bklit/bklit-ui

Skill Claude Code

Install, compose, theme, and animate Bklit UI charts (the @bklit shadcn registry) in a React / Next.js app. Use when the user wants a chart, graph, or data visualization: line, area, bar, live/streaming line, composed, scatter, candlestick/OHLC, pie, ring/donut, radar, gauge, heatmap, funnel, sankey, sunburst, or…

not rated 1.8k +30 changed 2d ago A Socket: passSnyk: passSkillSpector: warn 216 tokens original MIT

seo-audit

06

shadcn-labs/agentcn

Skill Claude CodeCodex

How to present the deterministic AI-SEO audit returned by auditpage. Use when reporting a page's readability and citation-readiness for AI answer engines (ChatGPT, Claude, Perplexity).

not rated 492 +2 10d ago A SkillSpector: pass 43 tokens original MIT

spark-ui

07

codeweb-dev/spark-ui

Skill Claude CodeCodex

Install and compose Spark UI signature React components such as Widget Stack, Dynamic Island, Interactive Pets, Tactile Highlight, Shimmer Text, Image Trail, Animated Gradient, Ghost Ether, Logo Carousel, QR Code, Receipt, Number Ticker, Spotify Card, Masonry, Keyboard, and Hello from the Spark UI shadcn-compatible…

not rated 60 +4 2mo ago A SkillSpector: warn 73 tokens original MIT

Michael-Obele/shadcn-svelte-mcp

Skill Claude CodeCodex

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, charts, sidebars, auth screens, blocks, responsive layouts…

not rated 58 changed 17d ago A SkillSpector: pass 115 tokens original MIT

deslopify

09

AntonioSpagnol/UI-Deslopify-Skill

Skill Claude Code

Audits and refactors vibe-coded UIs by replacing each slop element with modern 21st.dev components or equivalents with real visual character — never removes without replacing. Runs a mandatory grill-me style interview (one question at a time, with recommendations) before touching files, including brand identity and…

not rated 5 4mo ago A 120 tokens original MIT

R0STEFAN/webstudio-ai-agent

Skill Claude CodeCodex needs its repo

Comprehensive guide and toolkit for designing, mutating, and syncing Webstudio projects using local fast-edit JSON mutations and cloud push (webstudio import). Use whenever creating new pages, editing styles, generating UI components, or syncing Webstudio designs.

not rated 0 changed 20d ago A 55 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: