Skill catalog
872web & frontend agent skills synced from skills.sh, with their install counts. Read them here, or let your agent fetch the right one through the Graph-of-Skills MCP server.
Want your agent to use these? Set up Graph-of-Skills
or get a free key.
How these skills are sourced and what we check.
Cannot find one? Your agent can write a skill for your own library.
Have skills of your own? Install one on another machine.
A skill that comes from GitHub shows its npx skills add command on its page.
- 404-page-generator kostja94/marketing-skills
Deprecated compatibility entry for 404 Page construction. This page is now maintained in Pagina; install and use page-builder to build a new 404 Page.
1,084 installs - motion secondsky/claude-skills
Motion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or encountering bundle size, complex transitions, spring physics errors.
1,084 installs - appkit reown-com/skills
Guides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connection, network switching, multi-chain support, or troubleshoo…
1,083 installs - accessibility-scan accesslint/skills
One page, automated tier — run the web accessibility (a11y) rule engine against a live page and locate every violation it can detect mechanically. Pass a URL, a config target name (e.g. `accesslint:accessibility-scan de…
1,081 installs - category-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Commerce Category Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Commerce Category Page.
1,080 installs - mobile-friendly kostja94/marketing-skills
When the user wants to optimize for mobile-first indexing or fix mobile usability. Also use when the user mentions "mobile-friendly," "mobile-first indexing," "mobile SEO," "responsive design," "mobile adaptation," "mob…
1,080 installs - react-data-fetching patternsdev/skills
Teaches modern React data fetching patterns with TanStack Query, SWR, and Suspense. Use when implementing caching, deduplication, optimistic updates, or parallel loading in React applications.
1,077 installs - newsletter-signup-generator kostja94/marketing-skills
Deprecated compatibility entry for Newsletter Signup construction. This component is now maintained in Bricks; install and use component-builder to build a new Newsletter Signup.
1,075 installs - react-nextjs-patterns duyet/codex-claude-plugins
Conventions for React and Next.js App Router code. Use when building or reviewing components, pages, data fetching, caching, or Server Actions in a Next.js app.
1,075 installs - finesse-ui mouse-lin/finesse-skill
Build and refine high-craft web interfaces: brand sites, product dashboards and workflows, AI workbenches, commerce, H5/mobile screens, and individual components. Route by purpose, preserve project identity, and audit v…
1,073 installs - headless-intelligent-search vtex/skills
Apply when implementing search functionality, faceted navigation, or autocomplete in a headless VTEX storefront. Covers product_search, autocomplete_suggestions, facets, banners, correction_search, and top_searches endp…
1,073 installs - solid vercel-labs/json-render
SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or troubleshooting Solid-specific reactivity patterns.
1,073 installs - navigation-menu-generator kostja94/marketing-skills
Deprecated compatibility entry for Navigation Menu construction. This component is now maintained in Bricks; install and use component-builder to build a new Navigation Menu.
1,071 installs - shopify-speed-optimization nexscope-ai/ecommerce-skills
Store speed audit — lazy loading, image compression, app bloat removal, theme code optimization
1,070 installs - create-component adobe/skills
Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components. When a Figma design URL is provided, fetches the design via…
1,069 installs - react-component-performance dimillian/skills
Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI up…
1,069 installs - sveltekit-structure spences10/svelte-skills-kit
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
1,069 installs - html mindrally/skills
Guidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practices
1,066 installs - react19-concurrent-patterns github/awesome-copilot
Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.
1,066 installs - trust-badges-generator kostja94/marketing-skills
Deprecated compatibility entry for Trust Signals construction. This component is now maintained in Bricks; install and use component-builder to build a new Trust Signals.
1,065 installs - frontend-ui-dark-ts sickn33/agentic-awesome-skills
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
1,063 installs - websh frames-engineering/skills
A shell for the web. Navigate URLs like directories, query pages with Unix-like commands. Activate on `websh` command, shell-style web navigation, or when treating URLs as a filesystem.
1,061 installs - sidebar-generator kostja94/marketing-skills
Deprecated compatibility entry for Sidebar construction. This component is now maintained in Bricks; install and use component-builder to build a new Sidebar.
1,057 installs - catalyst-slate catalystbyzoho/agent-skills
Catalyst Slate — Git-based frontend hosting for React, Next.js, Vue, Angular, Svelte, Astro, SolidJS, Preact and other frameworks with preview deploys. Trigger on 'Slate', 'frontend hosting', 'slate-config.toml', 'deplo…
1,056 installs - develop-web-game openai/skills
Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses…
1,056 installs - vuejs-typescript-best-practices mindrally/skills
Vue.js and TypeScript best practices for building performant applications with Vite, Pinia, VueUse, and Tailwind CSS.
1,056 installs - popup-generator kostja94/marketing-skills
Deprecated compatibility entry for Modal construction. This component is now maintained in Bricks; install and use component-builder to build a new Modal.
1,055 installs - showcase-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Showcase Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Showcase Page.
1,055 installs - svelte-runes spences10/svelte-skills-kit
Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.
1,054 installs - contest-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Contest Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Contest Page.
1,053 installs - css-native athevon/genjutsu
No description provided.
1,052 installs - no-use-effect factory-ai/factory-plugins
Enforce the no-useEffect rule when writing or reviewing React code. ACTIVATE when writing React components, refactoring existing useEffect calls, reviewing PRs with useEffect, or when an agent adds useEffect "just in ca…
1,049 installs - shopify-checkout-customization nexscope-ai/ecommerce-skills
Checkout optimization — Checkout Extensibility, custom fields, express payments, trust elements
1,048 installs - download-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Download Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Download Page.
1,042 installs - nextjs jezweb/claude-skills
Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts and React 19.2. Prevents 25 documented errors. Use when: building Next.js 16 pr…
1,041 installs - vtex-io-storefront-theme-app vtex/skills
Apply when designing or modifying a VTEX IO storefront theme app — the app that owns `store/blocks.json`, `store/routes.json`, `store/templates/`, `store/contentSchemas.json`, and the storefront page tree assembled from…
1,039 installs - webflow-cli:code-component webflow/webflow-skills
Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when buildi…
1,038 installs - feedback-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Feedback Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Feedback Page.
1,037 installs - hoc-pattern patternsdev/skills
Teaches the Higher-Order Component (HOC) pattern for logic reuse. Use when you need to share cross-cutting concerns like authentication, logging, or data fetching across multiple components.
1,034 installs - webflow-cli:designer-extension webflow/webflow-skills
Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default/react/typescript-alt), bundles extensions for upload, and serves loc…
1,032 installs - sentry-react-setup getsentry/sentry-agent-skills
Setup Sentry in React apps. Use when asked to add Sentry to React, install @sentry/react, or configure error monitoring, error boundaries, session replay, or browser tracing for React applications.
1,031 installs - client-side-rendering patternsdev/skills
Teaches client-side rendering (CSR) for React applications. Use when building highly interactive apps where SEO is not a priority and the UI is driven by user actions.
1,027 installs - optimized-nextjs-typescript mindrally/skills
Optimized Next.js TypeScript best practices with modern UI/UX, focusing on performance, security, and clean architecture
1,025 installs - threejs-r3f athevon/genjutsu
No description provided.
1,025 installs - shopify-migration nexscope-ai/ecommerce-skills
Platform migration to Shopify — from WooCommerce, Magento, BigCommerce, data transfer, URL redirects
1,023 installs - render-props-pattern patternsdev/skills
Teaches the render props pattern for flexible component composition. Use when you need to share rendering logic between components by passing a function that returns JSX as a prop.
1,022 installs - webflow-code-component:component-audit webflow/webflow-skills
Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.
1,022 installs - webflow-cli:troubleshooter webflow/webflow-skills
Diagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems. Uses CLI diagnostic flags (--version, --help, --verbose, --debug-bundler) for troubleshoot…
1,020 installs - shopify-apps sickn33/agentic-awesome-skills
Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions.
1,018 installs - tab-accordion kostja94/marketing-skills
Deprecated compatibility entry for Tabs and Accordion construction. This component is now maintained in Bricks; install and use component-builder to build a new Tabs and Accordion.
1,016 installs