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
Pnpm
pnpm package manager guidance for strict dependency resolution, workspaces, catalogs, patches, and overrides.
Slidev
Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.
Tsdown
Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.
Turborepo
Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.
Unocss
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
Vite
Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.
Vitepress
VitePress documentation site guidance for configuration, theming, and Markdown plus Vue content.
Vitest
Vitest testing best practices for unit tests, mocking, coverage, fixtures, and test filtering.
Vue
Vue 3 Composition API and reactivity guidance for SFCs, script setup macros, and built-in components.
Vue Best Practices
Vue.js best practices emphasizing Composition API with script setup and TypeScript.
Vue Router Best Practices
Vue Router 4 patterns covering navigation guards, route params, and route lifecycle interactions.
Vue Testing Best Practices
Vue testing guidance using Vitest, Vue Test Utils, component testing, mocking, and Playwright E2E.
Vueuse Functions
Apply VueUse composables to build concise, maintainable Vue and Nuxt features.
Web Design Guidelines
Review UI code for web interface guideline compliance, including accessibility and UX best practices.
12 Principles Of Animation
Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.
Design Lab
Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.
Make Interfaces Feel Better
Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.
Oklch Skill
Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.
Budge
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget for live tuning before persisting.
React Doctor
Run React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.
Rams
Real-time design feedback skill focused on accessibility, spacing, typography, contrast, and component quality.
Bencium Innovative Ux Designer
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Use Of Color
Compatibility listing for use-of-color installs from AccessLint's marketplace skill set.
Emil Design Eng
Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.
Generating Sounds With Ai
Audit Web Audio API code for procedural sound synthesis quality, UX decisions, and parameter best practices.
Mastering Animate Presence
Audit Motion and Framer Motion exit/presence patterns with practical fixes for AnimatePresence usage.
Morphing Icons
Build icon components that morph between SVG shapes with smooth, line-based transformation.
Pseudo Elements
Audit CSS pseudo-elements and View Transitions usage for hover effects, decorative layers, and transitions.
Sounds On The Web
Audit interface sound feedback for UX quality, accessibility, and practical implementation patterns.
To Spring Or Not To Spring
Audit animation timing choices to decide when springs versus easing curves produce better motion.