vitest: Vitest API and config reference (Jest-compatible) — mocking with vi.*, spies, fake timers, coverage configuration, fixtures, snapshots, and test filtering. Use…; vercel-composition-patterns: React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
ai
alternative
auth
database
deno
embeddings
example
firebase
nextjs
oauth2
pgvector
postgis
postgres
postgresql
postgrest
realtime
supabase
vectors
websockets
Updated 2026-09-22 13:38:30 +08:00
zustand: Use for Zustand stores: list/detail splits, state type sources, slices, actions, reducers, selectors, optimistic updates and class-action composition.; react: Use for TSX components, UI libraries, styling, state locality, layout, render performance and memoization.; typescript: Use for TypeScript style and type safety when editing TS/TSX/MTS, including imports, async code and error suppression.; drizzle: Use for Drizzle schemas and queries: tables, indexes, relations, joins and inferre…
agent
agent-collaboration
agent-harness
ai
cao
chatgpt
chief-agent-operator
claude
deepseek
fable
gemini
glm
gpt
knowledge-base
loop-engineering
mcp
openai
skills
Updated 2026-09-20 04:56:13 +08:00
Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting, Mermaid diagrams, math rendering, and…
Updated 2026-09-19 02:18:37 +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
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui,…
claude-code
claude-code-commands
claude-code-hooks
claude-code-plugin
claude-code-plugins
claude-code-skill
claude-code-skills
Updated 2026-09-18 19:54:24 +08:00
heroui-react: HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing…; heroui-native: HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards,…; heroui-migration: HeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation.…
Updated 2026-09-18 18:55:01 +08:00
agent-device: Automates Apple-platform apps (iOS, tvOS, macOS), Android devices, and Amazon Vega OS TV apps in Vega Virtual Devices. Use when navigating apps, taking…; dogfood: Systematically explore and test a mobile app on iOS/Android with agent-device to find bugs, UX issues, and other problems. Use when asked to dogfood, QA,…; ios-simulator: Verify and debug native, React Native, Expo, or Flutter apps on an iOS Simulator with agent-device. Use when an agent needs to launch an app, inspect i…
adb
agentic-ai
agents
ai-agents
android-emulator
automation
e2e-testing
expo
flutter
ios-simulator
mcp
mobile
mobile-testing
performance-optimization
react-native
testing
xcuitest
Updated 2026-09-14 19:57:14 +08:00
argent-android-emulator-setup: Set up and connect to an Android emulator using argent MCP tools. Use when starting a new session on Android, booting an emulator, getting a device serial, or…; argent-react-native-optimization: Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when…; argent-react-native-app-workflow: Step-by-step workflows for developing or debugging React Native apps on iOS sim…
Updated 2026-09-14 18:28:14 +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
react: React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating…; core: Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating…; codegen: Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for…; m…
Updated 2026-09-14 10:57:45 +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
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
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
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
sentry-fix-issues: Find and fix issues from Sentry using MCP. Use when asked to fix Sentry errors, debug production issues, investigate exceptions, or resolve bugs reported in…; sentry-react-native-sdk: Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or…; sentry-workflow: Keep Sentry SDKs up to date. Use when asked to upgrade the Sentry SDK across major versions, migrate SDK versions, or fix…
Updated 2026-09-10 15:44:16 +08:00
Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering…
Updated 2026-09-10 00:05:35 +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
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