d13/vscode-web-components-ai
Supercharge your AI coding assistants with web component information from your workspace and dependencies.
This tool helps front-end developers accelerate user interface (UI) creation by allowing their AI coding assistants to understand and use their specific web components. It automatically finds web component definitions from your local project and installed libraries, providing this information to AI tools like Copilot or Claude Code. The output is more accurate and contextually relevant code snippets or component usage suggestions from your AI assistant. This is for front-end developers who build UIs with web components and use AI coding assistants.
Use this if you are a web component developer struggling with your AI assistant generating incorrect or generic code instead of utilizing your project's custom elements.
Not ideal if you don't use web components in your front-end development or if you don't use AI coding assistants.
Stars
11
Forks
4
Language
TypeScript
License
MIT
Category
Last pushed
Nov 03, 2025
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/mcp/d13/vscode-web-components-ai"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
jasonjmcghee/claude-debugs-for-you
Enable any LLM (e.g. Claude) to interactively debug any language for you via MCP and a VS Code Extension
isaacphi/mcp-language-server
mcp-language-server gives MCP enabled clients access semantic tools like get definition,...
VikashLoomba/copilot-mcp
A VSCode extension that lets you find and install Agent Skills and MCP Apps to use with GitHub...
biegehydra/BifrostMCP
VSCode Extension with an MCP server that exposes semantic tools like Find Usages and Rename to LLMs
tjx666/vscode-mcp
MCP server for Claude Code/VSCode/Cursor/Windsurf to use editor self functionality. ⚡ Get...