Pular para o conteúdo
A

Use o Aura UI com IA

O aura-ui-mcp é um servidor MCP local (stdio, sem chave de API). Ele entrega catálogo, API e código para Claude, Cursor e VS Code. A skill traz as regras do design system.

O que o servidor expõe

São cinco ferramentas, as mesmas descritas no pacote. O assistente deve chamar get_setup antes de instalar e get_component antes de usar um componente — a API não deve ser inventada.

  • list_components

    Lista componentes e efeitos com resumo de uma linha. query busca por nome ou função; category filtra, inclusive native.

  • get_component

    Devolve resumo, import, comando do CLI, exports, tipos, dependências e o código. Aceita o nome do registry ou um export, com platform web ou native.

  • get_setup

    Passo a passo de instalação. mode: package (npm), cli (copiar o código) ou native (React Native/Expo). framework: next, vite ou other.

  • list_themes

    Lista os 33 temas e como aplicar: data-theme, classe .dark, ThemeProvider e ThemeSwitcher.

  • get_design_tokens

    Tokens --aura-*, utilities do preset Tailwind e classes do core (aura-glass, aura-surface…).

Configuração para copiar

Claude Code

Plugin com MCP e skill, ou só o servidor. O pacote roda com npx (Node 18+).

bash
/plugin marketplace add Adilson2902/aura-ui
/plugin install aura-ui@aura-ui
bash
claude mcp add aura-ui -- npx -y aura-ui-mcp@latest

Claude Desktop e Cursor

claude_desktop_config.json ou .cursor/mcp.json.

mcp.json
{
  "mcpServers": {
    "aura-ui": { "command": "npx", "args": ["-y", "aura-ui-mcp@latest"] }
  }
}

VS Code

Arquivo .vscode/mcp.json.

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

Windows

Se o cliente não achar o npx, use cmd /c.

mcp.json
{
  "mcpServers": {
    "aura-ui": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "aura-ui-mcp@latest"]
    }
  }
}

Skill

A skill manda descobrir se o projeto usa pacote npm, CLI ou React Native, chamar get_component antes de escrever a API e usar tokens --aura-* no lugar de hex. Para valer em todos os projetos, use ~/.claude/skills/aura-ui.

bash
mkdir -p .claude/skills/aura-ui/references
curl -fsSL https://aura.toolspace.com.br/skills/aura-ui/SKILL.md -o .claude/skills/aura-ui/SKILL.md
curl -fsSL https://aura.toolspace.com.br/skills/aura-ui/references/recipes.md -o .claude/skills/aura-ui/references/recipes.md

Arquivos: SKILL.md e references/recipes.md. O guia dentro da documentação está em IA: MCP e skill. Pacote: aura-ui-mcp no npm.

O MCP acompanha o core MIT

Servidor, skill, componentes e temas seguem MIT. O Pro é a licença comercial dos templates.