chrome:shell.skip
chrome:nav.docs chrome:nav.cdk chrome:nav.components blocks:nav.blocks chrome:nav.tools chrome:nav.contribute chrome:nav.about
generated:catalog.area.tools
generated:catalog.entry.mcp.title chrome:badge.new generated:catalog.entry.skills.title chrome:badge.new

ai-content:mcp.title

generated:catalog.entry.mcp.description

ai-content:mcp.eyebrow

ai-content:mcp.tagline

ai-content:mcp.highlight.list-components.title

ai-content:mcp.highlight.list-components.text

ai-content:mcp.highlight.get-component-info.title

ai-content:mcp.highlight.get-component-info.text

ai-content:mcp.highlight.get-examples.title

ai-content:mcp.highlight.get-examples.text

ai-content:mcp.highlight.list-blocks.title

ai-content:mcp.highlight.list-blocks.text

ai-content:mcp.highlight.list-cdk-entries.title

ai-content:mcp.highlight.list-cdk-entries.text

ai-content:mcp.highlight.list-design-tokens.title

ai-content:mcp.highlight.list-design-tokens.text

ai-content:mcp.section.install.title

ai-content:mcp.section.install.text.save-the-file-restart-the-editor-the-a

ai-content:mcp.section.install.text.cursor-claude-windsurf

.cursor/mcp.json
{
"mcpServers": {
"xngui": {
"command": "npx",
"args": ["-y", "@xngui/mcp"]
}
}
}

ai-content:mcp.section.install.text.vs-code

.vscode/mcp.json
{
"servers": {
"xngui": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@xngui/mcp"]
}
}
}

ai-content:mcp.section.usage.title

prompt
Build a settings page with @xngui.
 
Use the xngui MCP first. Do not invent native HTML or hardcoded colors.

ai-content:mcp.section.usage.text.also-install-skills-so-the-agent-actuall

terminal
npx -y @xngui/skills

ai-content:mcp.section.updates.title

  • ai-content:mcp.section.updates.list.0.0
  • ai-content:mcp.section.updates.list.0.1
  • ai-content:mcp.section.updates.list.0.2

ai-content:mcp.section.local.title

.cursor/mcp.json
{
"mcpServers": {
"xngui": {
"command": "node",
"args": ["tools/mcp-server/dist/index.js"],
"env": {
"XNGUI_ROOT": "/absolute/path/to/xngui"
}
}
}
}