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.
shadcn-ui
Comprehensive documentation skill for shadcn/ui component library with excellent CLI guidance, framework-specific setups, and practical implementation examples.
react-typescript
Provides concrete React 19+ TypeScript patterns for function components, hooks, state management with Context/Zustand, TanStack Query integration, form handling using React Hook Form with Zod, error boundaries, and performance optimization techniques like memoization.
css-modules
This skill provides detailed guidance on implementing CSS Modules with Lightning CSS and PostCSS in Vite projects. It covers file naming conventions, composition patterns, TypeScript integration, and hybrid approaches with Tailwind. Includes practical examples for animations, third-party component styling, and performance optimization.
peekaboo
Peekaboo is a CLI tool for macOS UI automation that captures screens, interacts with UI elements, manages apps/windows, and handles keyboard/mouse input. It provides detailed targeting options, JSON output for scripting, and supports complex automation workflows through its comprehensive command set.
testing-frontend
Provides concrete testing patterns for React and Vue applications using Vitest and Testing Library. Covers component testing, async operations, forms, hooks, mocking, and integration tests with practical code examples. Includes guidance on test organization, performance, and accessibility testing.
tanstack-router
Comprehensive TanStack Router skill providing excellent guidance on type-safe, file-based routing with modern React applications, covering installation, configuration, and advanced patterns.
tooling-setup
Provides complete configuration for React 19 projects using Vite, TypeScript, Biome, and Vitest. Includes specific code examples for build setup, strict type checking, linting/formatting, and testing infrastructure with practical package installation commands and IDE settings.
testing-hashql
Provides detailed guidance for testing HashQL compiler code using compiletest UI tests, unit tests, and insta snapshots. Covers test structure, annotation syntax, debugging failures, and updating expected outputs with --bless. Includes concrete examples for different testing scenarios and clear command references.
app-router
This skill provides detailed guidance on Next.js App Router conventions, including file structure, layouts, loading states, error boundaries, and advanced patterns like parallel and intercepting routes. It offers concrete code examples for common scenarios like modals and tab navigation.
react-ui-patterns
Provides concrete React patterns for loading states, error handling, and form submissions. Includes specific code examples showing correct vs. wrong implementations, decision trees for loading indicators, and anti-patterns to avoid. Focuses on user experience principles like never showing stale UI and always surfacing errors.
sveltekit-structure
Provides quick reference documentation for SvelteKit file structure and routing patterns. Covers core concepts like page/layout files, route parameters, error boundaries, and SSR hydration. Includes practical examples and separates detailed explanations into referenced files.
svelte-runes
Provides clear, structured guidance for Svelte 5's runes system with practical examples and migration advice. Includes decision matrices, common mistakes, and attachment patterns. Focuses on preventing reactivity errors and syntax mixing.
core-principles
Provides concrete architectural guidelines for React 19 SPA development with TypeScript and Vite. Includes specific project structure, execution rules, and integration patterns for TanStack Router and Query. Offers checklists for PR completion and references to authoritative documentation sources.
svelte-components
Provides practical Svelte patterns for web components, form handling, and integrating popular UI libraries like Bits UI and Ark UI. Includes specific code examples for common scenarios like form attributes outside tables and Svelte 5 custom element quirks. Serves as a quick reference rather than a full tutorial.
shadcn-ui
A comprehensive and practical guide for implementing shadcn/ui component library with detailed setup instructions, configuration examples, and component patterns for React/Next.js projects.
tamagui-best-practices
Comprehensive Tamagui best practices guide covering advanced patterns, performance optimization, and common pitfalls for experienced developers.
angular-migration
Provides detailed guidance for migrating AngularJS applications to Angular using hybrid mode. Includes code examples for component conversion, service migration, dependency injection changes, routing updates, and forms migration. Offers three migration strategies with timelines and common pitfalls to avoid.
zustand-state-management
Provides concrete patterns for setting up Zustand stores in React with TypeScript, specifically addressing common pitfalls like Next.js hydration errors and TypeScript syntax issues. Includes practical examples for basic, typed, and persistent stores with clear do's and don'ts.
playwright-skill
A well-structured Playwright automation skill with excellent localhost detection, clear workflows, and practical examples for common web testing scenarios.
software-frontend
Provides detailed guidance for building modern frontend applications with Next.js 16, React 19, TypeScript, and Tailwind CSS. Includes framework selection decision trees, specific version recommendations, and integration patterns for common libraries like shadcn/ui and TanStack Query.
heroui-recommender
This skill helps developers choose appropriate HeroUI components for new features or when migrating from shadcn/ui. It provides component recommendations with TypeScript examples, semantic color guidance, and accessibility best practices. The skill integrates with Context7 MCP to fetch current HeroUI documentation.
frontend-component
This skill automatically generates React or Vue components with TypeScript, tests, and styles when triggered by phrases like 'create component'. It validates naming, creates props interfaces, and outputs a complete component folder with barrel exports. It supports different component types and styling approaches.
multicultural-holidays
This skill manages a multicultural holiday theme system for web applications. It provides tools to add, configure, and test holiday themes with cultural accuracy. Includes locale detection, date calculations for non-Gregorian calendars, and a debug panel for testing. Focuses on respectful representation of diverse traditions.
web-asset-generator
Generates favicons, PWA app icons, and Open Graph social media images from logos or text. Provides HTML meta tags and offers framework-specific code integration. Uses interactive AskUserQuestion prompts to clarify requirements visually.