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
115 matching skills
Ui Skills Root
Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.
Baseline Ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Fixing Accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
Fixing Metadata
Audit and fix page metadata including titles, meta descriptions, Open Graph, Twitter cards, canonical URLs, and JSON-LD structured data. Use when shipping new pages or fixing SEO and social preview issues.
Fixing Motion Performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
Remotion Best Practices
Domain-specific knowledge base for building videos with Remotion and React.
Create Adaptable Composable
Create library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.
Vue Best Practices
Core Vue development best practices for component architecture, reactivity, and maintainable code.
Vue Debug Guides
Practical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.
Vue Jsx Best Practices
Guidance for writing robust, type-safe, and readable Vue components using JSX.
Vue Options Api Best Practices
Best practices for structuring and scaling Vue applications built with the Options API.
Vue Pinia Best Practices
Patterns for clean, scalable state management in Vue apps using Pinia stores.
Vue Router Best Practices
Routing architecture and navigation patterns for maintainable Vue Router applications.
Vue Testing Best Practices
Testing strategies for Vue applications, including component tests, integration tests, and reliability patterns.
Next Best Practices
Next.js best practices: file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, and optimization.
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.
Frontend Ui Engineering
Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.
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.