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
116 matching skills
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.
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.
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.