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
uniwind: Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames.…; migrate-nativewind-to-uniwind: Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to…
Updated 2026-09-04 18:11:18 +08:00
domain-context: Progressive Domain Crystallization (PDC) — a skill for building and maintaining a living domain knowledge base for any custom business application. Use this…; customware-support-widget: Use this skill when adding, placing, configuring, or fixing the Customware support chat widget in the Customware React Router client-only SPA template. It…; frontend-design: Strict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs. Use whenever creati…
Updated 2026-07-21 18:16:32 +08:00