Skill directory
MCP Skill Hub
Agent skills package reusable instructions, workflows, scripts, and domain knowledge. Compare public skills, inspect their source, and install focused capabilities for Codex, Claude Code, Cursor, and other coding agents.
Agent skill listings
397 matching skills
Next Cache Components
Next.js 16 Cache Components guidance covering PPR, use cache directive, cacheLife, cacheTag, and updateTag.
Next Upgrade
Upgrade Next.js to the latest version using official migration guides and codemods.
agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sen
Frontend Ui Engineering
Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
React Router Framework Mode
React Router framework-mode patterns for loaders, actions, middleware, route modules, and full-stack rendering flows.
Svelte Code Writer
Official Svelte code-writing skill focused on modern Svelte patterns, component composition, and production-ready implementations.
Playwright Cli
Official Playwright CLI skill for browser automation, test generation, tracing, and session-driven end-to-end testing workflows.
Web Quality Audit
Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.
Swiss Design
Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.
React Native Best Practices
React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
Threejs Animation
Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.
Threejs Fundamentals
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
Threejs Geometry
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
Threejs Interaction
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
Threejs Lighting
Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.
Threejs Loaders
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
Threejs Materials
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
Threejs Postprocessing
Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.
Threejs Shaders
Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.
Threejs Textures
Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.
ui-ux-pro-max
UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.
Interaction Design
Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.
Swiftui Ui Patterns
Best practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.
Interface Design
Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.
Wcag Audit Patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
Canvas Design
Create original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.
Antfu
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
Nuxt
Nuxt full-stack Vue framework guidance for SSR, auto-imports, file-based routing, and server routes.
Pinia
Pinia state management best practices for type-safe Vue stores, getters, and actions.