MCP Server Hub
MCP Skill Hub

Skill category

Frontend

Web frameworks, components, CSS, and browser application code. Discover source-linked skills that teach agents repeatable workflows.

48 listings in this category

All Frontend listings

48 organic results

Swiftui Ui Patterns

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

ui-skillsdeveloper-tools

Svelte Code Writer

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

ui-skillsdeveloper-tools

React Router Framework Mode

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

ui-skillsdeveloper-tools

React Best Practices

Vercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.

ui-skillsdeveloper-tools

Frontend Ui Engineering

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

ui-skillsdeveloper-tools

Next Upgrade

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

ui-skillsdeveloper-tools

Next Cache Components

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

ui-skillsdeveloper-tools

Next Best Practices

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

ui-skillsdata-analytics

Vue Testing Best Practices

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

ui-skillsdeveloper-tools

Vue Router Best Practices

Routing architecture and navigation patterns for maintainable Vue Router applications.

ui-skillsdeveloper-tools

Vue Pinia Best Practices

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

ui-skillsdeveloper-tools

Vue Options Api Best Practices

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

ui-skillsdeveloper-tools

Vue Jsx Best Practices

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

ui-skillsdeveloper-tools

Vue Debug Guides

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

ui-skillsproductivity

Vue Best Practices

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

ui-skillsdeveloper-tools

Create Adaptable Composable

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

ui-skillsdeveloper-tools

Remotion Best Practices

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

ui-skillssearch-research

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.

ui-skillsai-media