Marketplace
Find the right skill for the job.
Browse the full catalog through outcome-first channels, technical facets, rating filters, and server-side pagination built for a large public marketplace.
frontend-react
Provides a modern React 19 development stack with TypeScript, Tailwind CSS v4, Vite, and TanStack Query. Includes setup commands, project structure, component patterns, and integration examples for state management with Zustand. Offers practical code snippets for common development tasks.
frontend-test
Automatically generates React/Vue component tests using React Testing Library when triggered by specific phrases. Creates test files covering rendering, user interactions, accessibility, and snapshots. Works with common frontend testing patterns.
motion
Provides a detailed guide for using the Motion (Framer Motion) library in React projects. Covers installation, core concepts like AnimatePresence and layout animations, and specific integration patterns for Next.js and Vite. Includes bundle size optimization strategies and clear 'when to use' vs 'when not to use' guidance.
ui-generator
Generates React/Next.js UI components from natural language descriptions. Integrates with theme-factory for consistent styling, produces Tailwind CSS code, and provides immediate browser previews for common page types like login, dashboard, and pricing pages.
react-modernization
This skill provides concrete guidance for upgrading React applications across versions (16 to 18), migrating class components to functional components with hooks, and adopting concurrent features like Suspense and transitions. It includes detailed code examples for state, lifecycle, and context migration, plus instructions for running automated codemods. The focus is on practical, step-by-step transformations for modernizing existing codebases.
axiom-ui-recording
Use when setting up UI test recording in Xcode 26, enhancing recorded tests for stability, or configuring test plans for multi-configuration replay. Based on WWDC 2025-344 "Record, replay, and review".
web-artifacts-builder
Provides shell scripts to scaffold a React/TypeScript/Tailwind/shadcn/ui project and bundle it into a single HTML file for Claude artifacts. Automates project setup and bundling with Parcel, targeting complex multi-component artifacts rather than simple HTML snippets.
frontend-accessibility
A minimal skill that references external accessibility guidelines but lacks concrete implementation, examples, or actionable instructions for Claude.
desktop-wait
Wait for UI element or window to appear. When you need to wait for dialog to open, loading to complete, or synchronize with application state before next action. Default timeout is 10 seconds.
desktop-click
Click desktop elements or coordinates. When you need to click buttons/icons in applications, select menu items, or interact with desktop UI. Supports element description, name prefix, or coordinates. For browser webpage elements, use browser_click instead.
frontend
Provides basic Preact and Tailwind coding conventions for frontend development. Lacks detailed examples, edge case handling, and comprehensive guidance for real-world usage scenarios.
ring:dev-frontend-performance
Gate 6 of frontend development cycle - ensures Core Web Vitals compliance, Lighthouse performance score > 90, and bundle size within budget.
ring:dev-frontend-accessibility
Gate 2 of frontend development cycle - ensures all components pass axe-core automated accessibility scans with zero WCAG 2.1 AA violations.
playwright-browser
Use when automating browsers, testing pages, taking screenshots, checking UI, verifying login flows, or testing responsive behavior
moai-library-shadcn
Moai Lib Shadcn Ui - Professional implementation guide
web-investigator
Used for complex download logic, helping with creating programs that parse information from a website.
moai-domain-frontend
Enterprise Frontend Development with modern architecture and scalable UI patterns
moai-library-shadcn
Moai Lib Shadcn Ui - Professional implementation guide