shadcn-ui: Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with…; tailwind-theme-builder: Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever…; color-palette: Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode va…
ai
anthropic
automation
claude-code
claude-skills
cloudflare
devtools
productivity
react
skills
tailwind
vite
Updated 2026-09-19 01:07:27 +08:00
Write tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native…
Updated 2026-09-18 23:09:09 +08:00
ui-ux-pro-max: UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages,…; design-system: Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography…; design: Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate id…
ai-skills
antigravity
claude
claude-code
codex
command-line
copilot
cursor-ai
html5
kiro
landing-page
mobile-ui
qoder
react
tailwindcss
trae
ui-design
uikit
windsurf-ai
Updated 2026-09-18 08:50:28 +08:00
copilotkit-debug: Use when diagnosing CopilotKit issues -- runtime connectivity failures, agent not responding, streaming errors, tool execution problems, transcription…; copilotkit-develop: Use when building AI-powered features with CopilotKit v2 -- adding chat interfaces, registering frontend tools, sharing application context with agents,…; copilotkit-agui: Use when building custom agent backends, implementing the AG-UI protocol, debugging streaming issues, or understanding how agents commun…
agent
agent-native
agentic-ai
agents
ai
ai-agent
ai-assistant
assistant
assistant-chat-bots
copilot
copilot-chat
generative-ui
js
llm
nextjs
open-source
react
reactjs
ts
typescript
Updated 2026-09-14 16:19:56 +08:00
php-best-practices: PHP 8.x modern patterns, PSR standards, and SOLID principles. Use when reviewing PHP code, checking type safety, auditing code quality, or ensuring PHP best…; react-vite-best-practices: React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving…; laravel-best-practices: Laravel 13 conventions and best practices. Use when creating controllers, models, migrations, validation, serv…
agent-rules
agent-skills
ai-agents
ai-slop
claude-code
code-quality
code-review
codex
cursor
laravel
nodejs
react
technical-debt
typescript
Updated 2026-09-14 14:32:27 +08:00
chakra-ui-builder: Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable…; chakra-ui-refactor: Review, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS,…; chakra-ui-migrate: Migrate Chakra UI projects from v2 to v3, covering package changes, codemods, provider setup, color mode, prop renaming, compo…
a11y
accessible
ark-ui
chakra-ui
component
css-in-js
dark-mode
design-system
react
react-components
reactjs
styled
ui-components
ui-library
uikit
wai-aria
Updated 2026-09-14 08:42:06 +08:00
Use when working with Payload projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors,…
cms
content-management
content-management-system
express
graphql
headless
headless-cms
jamstack
javascript
mit-license
mongodb
nextjs
nodejs
open-source
payload
payloadcms
postgres
react
typescript
Updated 2026-09-14 08:03:28 +08:00
react-doctor: Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React…; improve-react: Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prioritized audit and self-contained…
Updated 2026-09-13 23:45:09 +08:00
Mirror of https://github.com/shadcn/ui — skills.sh: migrate-radix-to-base
base-ui
components
laravel
nextjs
radix-ui
react
react-aria
react-aria-components
shadcn
tailwindcss
tanstack
ui
vite
Updated 2026-09-12 21:26:35 +08:00
shadcn: Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context,…; shadcn: Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context,…; migrate-radix-to-base: Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix prim…
base-ui
components
laravel
nextjs
radix-ui
react
react-aria
react-aria-components
shadcn
tailwindcss
tanstack
ui
vite
Updated 2026-09-12 21:26:35 +08:00
Guide developers through creating and updating ChatGPT apps.
Covers the full lifecycle: brainstorming ideas against UX guidelines, bootstrapping projects,…
agent
ai
apps-sdk
chatgpt
claude
claude-code
devtools
ext-apps
llms
mcp
mcp-apps
mcp-server
mcp-ui
modelcontextprotocol
openai
react
skills
tooling
typescript
Updated 2026-09-11 21:48:32 +08:00
coss: Helps implement coss UI components correctly. Use when building UIs with coss primitives and patterns (buttons, dialogs, selects, forms, menus, tabs, segmented…; coss-particles: Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle…
Updated 2026-09-08 22:51:21 +08:00
pwa-development: Progressive Web Apps - service workers, caching strategies, offline, Workbox; playwright-testing: E2E testing with Playwright - Page Objects, cross-browser, CI/CD; android-kotlin: Android Kotlin development with Coroutines, Jetpack Compose, Hilt, and MockK testing
ai-coding
claude
claude-code
developer-tools
project-initialization
python
react
security
typescript
Updated 2026-09-08 21:24:22 +08:00
Helps coding agents integrate and work with the Tiptap rich text editor. Use when building or modifying a rich text editor with Tiptap, installing Tiptap…
editor
javascript
js
prosemirror
react
renderless-components
rich-text
tiptap
vue
wysiwyg
wysiwyg-editor
Updated 2026-09-08 15:43:14 +08:00