Best Stencil MCP Servers
Stencil is a web component compiler for building fast, reusable UI components and Progressive Web Apps. Created by the Ionic team, it's a toolchain for building design systems and standalone components that work across frameworks.
Why this server?
Provides UX best practices and patterns for Stencil-based web components, including custom elements, Shadow DOM, and performance optimization.
AlicenseBqualityDmaintenanceAn MCP server that provides comprehensive UX best practices covering accessibility, usability, UI patterns, design systems, performance, and more, enabling clients to analyze and generate UX-optimized code and recommendations.Last updated2310324MITWhy this server?
Integrates with Stencil-based web component libraries, enabling AI agents to retrieve component APIs and generate accurate code suggestions from the Custom Elements Manifest.
AlicenseAqualityBmaintenanceMCP server that provides AI agents with accurate, hallucination-free access to web component APIs by reading the library's Custom Elements Manifest.Last updated79575MITWhy this server?
Provides tools for interacting with StencilJS projects, including detecting the Stencil version, retrieving decorator and lifecycle references, and enforcing best practices for Stencil component development.
FlicenseAqualityCmaintenanceProvides AI coding agents with version-aware StencilJS API references, decorator signatures, lifecycle hooks, and best practices to help them write idiomatic Stencil code.Last updated4Why this server?
Generates Stencil wrappers and provides Stencil runtime integration surfaces for Rive animations.
Flicense-qualityFmaintenanceOrchestrates Rive animations by enabling discovery, integration, and composition across frameworks like React and Vue, with code generation and multi-backend storage.Last updated5