MCP Skill Hub

Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

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.

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.

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.

Domain-specific knowledge base for building videos with Remotion and React.

Create library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.

Core Vue development best practices for component architecture, reactivity, and maintainable code.

Practical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.

Guidance for writing robust, type-safe, and readable Vue components using JSX.

Best practices for structuring and scaling Vue applications built with the Options API.

Patterns for clean, scalable state management in Vue apps using Pinia stores.

Routing architecture and navigation patterns for maintainable Vue Router applications.

Testing strategies for Vue applications, including component tests, integration tests, and reliability patterns.

Next.js best practices: file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, and optimization.

Next.js 16 Cache Components guidance covering PPR, use cache directive, cacheLife, cacheTag, and updateTag.

Upgrade Next.js to the latest version using official migration guides and codemods.

Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.

React Router framework-mode patterns for loaders, actions, middleware, route modules, and full-stack rendering flows.

Official Svelte code-writing skill focused on modern Svelte patterns, component composition, and production-ready implementations.

Official Playwright CLI skill for browser automation, test generation, tracing, and session-driven end-to-end testing workflows.

Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.

Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.

React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.

Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.

Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.

Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.

Three.js interaction patterns for raycasting, controls, pointer input, and object selection.

Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.

Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.