Skill catalog
857web & 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.
- framer-motion pproenca/dot-skills
Framer Motion performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring React animations with Framer Motion to ensure optimal performance patterns. Triggers on tasks involvin…
1,133 installs - vtex-io-render-runtime-and-blocks vtex/skills
Apply when connecting React components to Store Framework blocks and render-runtime behavior in VTEX IO. Covers interfaces.json, block registration, block composition, and how storefront components become configurable t…
1,132 installs - frontend-session-rca grafana/skills
Diagnoses a Grafana Frontend Observability (RUM) session: whether it is healthy, what went wrong, ranked problems with timestamps and evidence, likely cause, how to fix it. Optional follow-up: zoom in on the top error,…
1,126 installs - fusion-developer-app equinor/fusion-skills
Guides feature development in Fusion Framework React apps, including app-scoped framework research, test authoring, and test-time mocking needed to choose and verify the right integration patterns. USE FOR: building fea…
1,125 installs - scroll-animations dylantarre/animation-principles
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
1,125 installs - tailwind-patterns jezweb/claude-skills
Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode supp…
1,124 installs - lottie mindrally/skills
Expert guidelines for implementing performant Lottie animations on the web
1,122 installs - pagespeed-insights enderpuentes/ai-agent-skills
Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improve…
1,122 installs - mosaic-frontend-patterns mosaic/ai
No description provided.
1,121 installs - react-best-practices mosaic/ai
No description provided.
1,121 installs - v2-rest-api-frontend mosaic/ai
No description provided.
1,121 installs - hooks-pattern patternsdev/skills
Teaches React Hooks for reusing stateful logic across components. Use when extracting shared behavior like form handling, subscriptions, or side effects into reusable custom hooks.
1,116 installs - vtex-io-service-configuration-apps vtex/skills
Apply when designing VTEX IO configuration apps with the configuration builder or when a service app must receive structured configuration through runtime context. Covers the separation between service apps and configur…
1,115 installs - pyqt6-ui-development-rules oimiragieo/agent-studio
PyQt6 desktop GUI development rules -- signal/slot architecture, QSS theming, QThread concurrency, layout management, and cross-platform rendering. Enforces MVC separation and responsive UI patterns.
1,114 installs - shadcn-svelte vercel-labs/json-render
Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte catalog, or building Svelte web UIs with shadcn-svelte + Tailwi…
1,114 installs - vtex-io-session-apps vtex/skills
Apply when building or debugging a VTEX IO session transform app (vtex.session integration). Covers namespace ownership, input-vs-output fields, transform ordering (DAG), public-as-input vs private-as-read model, cross-…
1,109 installs - core-web-vitals kostja94/marketing-skills
When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS," "FID," "page speed," "page performance," "Largest Contentful P…
1,102 installs - about-page-generator kostja94/marketing-skills
Deprecated compatibility entry for About Page construction. This page is now maintained in Pagina; install and use page-builder to build a new About Page.
1,098 installs - vtex-io-messages-and-i18n vtex/skills
Apply when implementing localization and translated copy in VTEX IO apps. Covers the `messages` builder, `/messages/*.json`, `context.json`, frontend message usage, and how VTEX apps integrate with `vtex.messages` for r…
1,098 installs - pricing-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Pricing Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Pricing Page.
1,097 installs - transitions-ui-generation jakubantalik/transitions.dev
Make any UI appear as if an AI agent is generating it. A dotted wireframe is drawn from the element's own structure (outline, boxes, text lines, icon paths, with guides, corner handles and size labels), then the real UI…
1,097 installs - react-composition-2026 patternsdev/skills
Teaches modern React composition patterns for 2025/2026. Use when designing component APIs, building shared UI libraries, or refactoring prop-heavy components.
1,096 installs - frontend-slides zarazhangrui/frontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non…
1,095 installs - presentational-container-pattern patternsdev/skills
Teaches the presentational/container pattern for separating view and logic. Use when you want to isolate data fetching and business logic from UI rendering for better testability and reuse.
1,095 installs - threejs-game playableintelligence/game-creator
Build 3D browser games with Three.js using event-driven modular architecture. Use when creating a new 3D game, adding 3D game features, setting up Three.js scenes, or working on any Three.js game project.
1,094 installs - responsive-web-design aj-geddes/useful-ai-prompts
Create responsive layouts using CSS Grid, Flexbox, media queries, and mobile-first design. Use when building adaptive interfaces that work across all devices.
1,093 installs - mui davila7/claude-code-templates
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI…
1,091 installs - game-3d-assets playableintelligence/game-creator
3D asset engineer that finds, downloads, and integrates GLB/GLTF models into Three.js browser games. Use when a 3D game needs real models instead of primitive BoxGeometry/SphereGeometry shapes.
1,090 installs - footer-generator kostja94/marketing-skills
Deprecated compatibility entry for Footer construction. This component is now maintained in Bricks; install and use component-builder to build a new Footer.
1,085 installs - next-upgrade vercel-labs/openreview
Upgrade Next.js to the latest version following official migration guides and codemods
1,085 installs - wxt-browser-extensions pproenca/dot-skills
WXT browser extension performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring WXT browser extension code to ensure optimal performance patterns. Triggers on tasks involving…
1,081 installs - contact-page-generator kostja94/marketing-skills
Deprecated compatibility entry for Contact Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Contact Page.
1,077 installs - react-nextjs-patterns duyet/codex-claude-plugins
React and Next.js implementation patterns for performance and maintainability. Use when building frontend components, pages, and applications with React ecosystem.
1,074 installs - react-render-optimization patternsdev/skills
Teaches React rendering performance optimization patterns. Use when reducing unnecessary re-renders, optimizing memoization, improving state design, or diagnosing React performance issues.
1,074 installs - 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,072 installs - accessibility-audit accesslint/skills
Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology. Defines scope, samples representative pages and flows, runs the automated tier (`accessibility-scan`) an…
1,072 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,070 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,068 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,067 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,067 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,063 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,061 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 - shopify-landing-page-builder nexscope-ai/ecommerce-skills
High-converting landing pages — campaign pages, collection pages, seasonal promos, A/B testing
1,060 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,059 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,057 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,057 installs - typescript-react-patterns asyrafhussin/agent-skills
TypeScript best practices for React development. Use when writing typed React components, hooks, events, refs, or generic components. Triggers on tasks involving TypeScript errors, type definitions, props typing, or typ…
1,057 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,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,055 installs