MCP Skill Hub

Three.js material guidance for PBR, classic materials, shader materials, and material optimization.

Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.

Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.

Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.

Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.

Best practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.

Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.

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.

Create original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.

Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.

Nuxt full-stack Vue framework guidance for SSR, auto-imports, file-based routing, and server routes.

Pinia state management best practices for type-safe Vue stores, getters, and actions.

pnpm package manager guidance for strict dependency resolution, workspaces, catalogs, patches, and overrides.

Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.

Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.

Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.

UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.

Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.

VitePress documentation site guidance for configuration, theming, and Markdown plus Vue content.

Vitest testing best practices for unit tests, mocking, coverage, fixtures, and test filtering.

Vue 3 Composition API and reactivity guidance for SFCs, script setup macros, and built-in components.

Vue.js best practices emphasizing Composition API with script setup and TypeScript.

Vue Router 4 patterns covering navigation guards, route params, and route lifecycle interactions.

Vue testing guidance using Vitest, Vue Test Utils, component testing, mocking, and Playwright E2E.

Apply VueUse composables to build concise, maintainable Vue and Nuxt features.

Review UI code for web interface guideline compliance, including accessibility and UX best practices.

Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.

Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.

Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.

Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.