Exact APIs, examples, theme tokens and markup validation for the c2n (c2-*) Lit web components.
MCPpedia last refreshed this data
io.github.code2nguyen/c2n is an MCP server that exact APIs, examples, theme tokens and markup validation for the c2n (c2-*) Lit web components. Its tool list has not been published yet over stdio, sse and http, requires no API key, and scores 91/100 on MCPpedia's security, maintenance and efficiency rubric.
Config is the same across clients - only the file and path differ.
{
"mcpServers": {
"io-github-code2nguyen-c2n": {
"args": [
"-y",
"@c2n/mcp"
],
"command": "npx"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
Exact APIs, examples, theme tokens and markup validation for the c2n (c2-*) Lit web components.
This server supports HTTP transport. Be the first to test it - help the community know if it works.
Five weighted categories - click any category to see the underlying evidence.
No known CVEs.
Checked @c2n/mcp against OSV.dev.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience - it helps other developers decide.
Sign in to write a review.
Others in other
deja-vu: local memory over the session histories of forty-three coding agents.
MCP WordPress Remote proxy server
专门为 agent 打造的 agent 搜索工具,具备多语言搜索能力,覆盖中文/英文/学术/代码/购物/金融/新闻/百科。
Searchable football data provider documentation for AI coding agents. Like Context7 for football data.
MCP Security Weekly
Get CVE alerts and security updates for io.github.code2nguyen/c2n and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Every building block your AI needs to ship a web app. 100+ components and 700+ ready-made variants, built with AI and for AI. Your coding agent reads the exact API of every element over MCP and composes it into real apps, in plain HTML, React, Vue, Angular, Astro or anything that speaks the DOM.
Docs & live demos · Components · Examples · Theming
@c2n/mcp) and a Claude Code / Codex / Copilot skill (@c2n/skill) hand your agent exact APIs, examples and themes, so it builds instead of guessing.npm install @c2n/components, import @c2n/components/table; bundlers drop the rest.--c2-theme--* tokens restyle the whole app, light and dark built in.npm install @c2n/components
import '@c2n/components/theme.css'
import '@c2n/components/button'
import '@c2n/components/text-field'
<form class="newsletter">
<c2-text-field placeholder="Your email"></c2-text-field>
<c2-button type="submit">Subscribe</c2-button>
</form>
Make it yours by setting a few tokens, or style one component through its own variables:
:root {
--c2-theme--color-primary: #7c3aed;
--c2-theme--radius-md: 10px;
}
.newsletter c2-button {
--c2-button__container--height: 44px;
}
React, Vue and Angular setup: Frameworks guide.
Each component ships styled variants you can copy, or open in the live studio to tweak and export.
Complete example apps in React, Vue, Angular, Next.js and plain HTML live in apps/examples.
claude mcp add --transport stdio c2n -- npx -y @c2n/mcp
Or install the Claude Code plugin: /plugin marketplace add code2nguyen/web-components then /plugin install c2n@c2n.