Search

shadcn/ui

218 skills found.
Search results
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills180k40 repos~769Automated safety check: PassApache-2.0yesterday
2

Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

nextlevelbuilder/ui-ux-pro-max-skill135k1 repo~3.5kAutomated safety check: PassMITtoday
3

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Ohh-889/skyroc79513 repos~2.5kAutomated safety check: PassMIT1 mo ago
4
4.ShadcnOfficial

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

supabase/evals14543 repos~4.5kAutomated safety check: PassApache-2.0today
5

Guides finding, installing, customizing and wiring up shadcn/ui components in a project, with MCP tools for the component catalog and registries.

google-labs-code/stitch-skills8.5k4 repos~2.3kAutomated safety check: NotesApache-2.01 mo ago
6

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons19018 repos~11kAutomated safety check: NotesUnknown2 days ago
7

Find 10x product opportunities and high-leverage improvements.

openstatusHQ/data-table-filters2.3k3 repos~2.1kAutomated safety check: PassMIT9 days ago
8

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT7 mo ago
9

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions.

xiaoiver/infinite-canvas-tutorial1.1k2 repos~1.9kAutomated safety check: PassMITyesterday
10

Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

ParthJadhav/app-store-screenshots7.2k—~16kAutomated safety check: PassMITyesterday
11

Adds AI Elements components such as conversations, messages, tool displays and prompt inputs to a Next.js project that uses shadcn/ui.

mweinbach/agent-coworker1565 repos~1.8kAutomated safety check: PassUnknown2 days ago
12
12.Coss

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex4.2k—~1.4kAutomated safety check: PassMITtoday
13

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces25k—~3.6kAutomated safety check: PassUnknowntoday
14

Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development.

SikandarJODD/cnblocks4311 repo~810Automated safety check: PassMIT3 mo ago
15

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed973—~1.3kAutomated safety check: PassMIT2 days ago
16

Migrates React projects and components from Radix UI to Base UI.

TheOrcDev/youtube-to-blog1802 repos~2.3kAutomated safety check: PassMIT1 mo ago
17

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing729—~1.3kAutomated safety check: PassUnknown2 days ago
18

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms656—~3.5kAutomated safety check: PassMIT2 days ago
19

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max2641 repo~5.7kAutomated safety check: PassUnknown6 mo ago
20

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate17k—~2.6kAutomated safety check: PassUnknownyesterday
21

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless2.5k—~3.6kAutomated safety check: PassApache-2.03 days ago
22

Adds shadcn/ui-styled README badges, badge groups, download charts, header banners and sponsor or contributor grids using the shieldcn service.

jal-co/shieldcn919—~4.3kAutomated safety check: PassMITyesterday
23

管理 Vue Router 路由配置,用于 Fantastic-admin 框架。当用户提到以下任何需求时必须使用此技能:新建页面需要加路由、详情页不想显示在菜单里、新增页和编辑页老是开两个标签、从列表跳详情返回后状态丢失、给菜单项加 NEW 标签或红点、路由需要权限控制、配置页面保活、修改路由 meta、添加面包屑配置。即使用户只是说"加个路由"或"新建了一个页面",也应触发此技能。

fantastic-admin/basic3.4k—~565Automated safety check: PassMIT12 days ago
24

A skill your agent uses when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content.

Sayhi-bzb/Agent-HTML540—~523Automated safety check: PassApache-2.02 mo ago
25

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract4.2k—~786Automated safety check: NotesMIT2 days ago
26

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

jezweb/claude-skills1.1k1 repo~3.2kAutomated safety check: PassMIT2 days ago
27

Build Remotion videos with remocn — copy-paste animation components and timeline-driven UI primitives from a shadcn registry.

Remocn/remocn-studio1601 repo~2.4kAutomated safety check: PassMITyesterday
28

Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.

spokvulcan/poker-planning1156 repos~3.5kAutomated safety check: NotesMITtoday
29

在 Fantastic-admin 框架中创建插槽,向布局的任意位置注入自定义内容。当用户提到以下任何需求时必须使用此技能:在头部/侧边栏/工具栏/标签栏加东西、logo 旁边加内容、侧边栏底部加用户信息、加个悬浮按钮、在导航菜单右侧加自定义组件、想在框架布局某个区域插入内容、在页面顶部或底部插入全局横幅/公告/版权栏。即使用户只是说"在顶部加个…

fantastic-admin/basic3.4k—~565Automated safety check: PassMIT12 days ago
30

Audit and update the existing Fulldev Astro UI registry against current data-slot and shadcn/ui Base UI Vega.

fulldotdev/ui611—~1.3kAutomated safety check: PassMITtoday
31

A skill your agent uses whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from…

21st-dev/agent-elements1041 repo~2.3kAutomated safety check: PassMIT5 mo ago
32
32.Beui

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard1.9k—~1.8kAutomated safety check: PassAGPL-3.0today
33

Tamery's UI design system and hard rules — native macOS look, three-level color system, typography tokens, motion recipes, and the kit's known gotchas.

wannabespace/conar1.5k—~1.7kAutomated safety check: PassAGPL-3.0yesterday
34
34.Ray

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte624—~712Automated safety check: PassMIT2 mo ago
35

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan1471 repo~1.6kAutomated safety check: PassMIT5 days ago
36

Shark UI skill for the Ark UI–based shadcn-style registry. An agent skill from sharkui-inc/shark-ui.

sharkui-inc/shark-ui192—~2.4kAutomated safety check: PassMIT8 days ago
37

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

JCarterJohnson/vibecoded-design-tells513—~1.9kAutomated safety check: PassUnknown3 mo ago
38

Reviews code changes for reuse, composition, codebase consistency, and slop.

kcsujeet/ilamy-calendar3512 repos~1.6kAutomated safety check: PassMITtoday
39

为 Fantastic-admin 框架创建和定制主题配色方案,始终同时生成明色(light)和暗色(dark)两套主题。当用户提到以下任何需求时必须使用此技能:换主题颜色、换配色、做一个 XX 风格的主题、主题太单调了、品牌色是 XXX 帮我生成主题、把 tweakcn…

fantastic-admin/basic3.4k—~1.3kAutomated safety check: PassMIT12 days ago
40

Use the vibestart CLI to create a TypeScript project, choose a stack or recipe, add capabilities such as Knip, Ultracite or Docker, diagnose project state, or upgrade templates while preserving…

VinkyDev/vibestart1031 repo~1.4kAutomated safety check: PassMITyesterday
41

Build consistent, accessible UIs in Rails using maquinacomponents.

maquina-app/maquina_components141—~3.5kAutomated safety check: PassMIT14 days ago
42

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar351—~2.9kAutomated safety check: PassMITtoday
43

Agent-native design system infrastructure. An agent skill from Railly/tinte.

Railly/tinte624—~1.6kAutomated safety check: PassMIT2 mo ago
44

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs124—~2.7kAutomated safety check: PassMIT1 mo ago
45

Comprehensive guide for creating effective landing pages using Next.js or React.

bear2u/my-skills932—~2.4kAutomated safety check: PassNo licence3 mo ago
46

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).

veloxbase/veloxdb652—~897Automated safety check: PassMIT11 days ago
47

Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

pdsuwwz/nextjs-nextra-starter318—~596Automated safety check: PassMIT24 days ago
48

Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…

shadcn-labs/framecn151—~2.2kAutomated safety check: PassMIT4 days ago