Frutjam Cherry

Pare com as alucinações de IA. Seu editor de IA conhece Tailwind CSS.

Cherry é um servidor MCP gratuito (Model Context Protocol) que fornece ao seu assistente de codificação com IA as especificações exatas de componentes Tailwind CSS, temas, documentações e blocos que ele precisa, sob demanda, sem alucinações.

Por que assistentes de IA erram no Tailwind CSS, e como o Cherry corrige isso

O que o Cherry pode fazer

Basta descrever o que você quer. O Cherry dá à sua IA o conhecimento exato que ela precisa para construir corretamente.

Você pede à sua IA...	O Cherry faz acontecer
"Adicione uma seção de preços a esta página"	Busca o HTML real do bloco de preços e o insere
"Quais variantes de badge o Frutjam tem?"	Puxa a especificação completa do badge: classes, tamanhos, estados, exemplos
"Aplique o tema blueberry a este layout"	Carrega os tokens de design exatos para esse tema
"Converta esta navbar Bootstrap para Frutjam"	Migra o markup para as classes corretas do Frutjam
"Transforme este design Figma em HTML Frutjam"	Lê o link do Figma e o reproduz com componentes Frutjam
"Migre este card Tailwind simples para Frutjam"	Substitui utilitários Tailwind pelas classes corretas de componentes Frutjam

Pro / Team

Comandos de barra de IA integrados

O Cherry inclui prompts prontos para as tarefas Frutjam mais comuns. Digite o comando no seu editor de IA, forneça sua entrada e obtenha código Frutjam preciso, sem necessidade de prompts manuais.

Todos os comandos de barra estão disponíveis no Claude Code, Cursor, VS Code e em qualquer editor compatível com MCP.

Como o Cherry se compara

Nem todo contexto de IA é igual.

	Cherry MCP	llms.txt	Sem contexto
Nomes de classes precisos	✓	Parcial
Sob demanda: apenas o necessário	✓
Eficiente em tokens	✓		✓
Sempre atualizado	✓	✓
Temas e tokens de design	✓	Parcial
Blocos de página prontos	✓
Figma / imagem → código	✓
Migração de frameworks	✓ Tailwind, Bootstrap
Nomes de classes precisos Tailwind CSS v4	✓	Parcial

Configuração em menos de um minuto

Não é necessária conta para começar. O plano gratuito funciona imediatamente: basta adicionar o Cherry ao seu editor e pronto. Chave de licença e e-mail são necessários apenas para os planos Pro e Team.

Claude Code

Plano gratuito sem necessidade de conta

claude mcp add frutjam-cherry -- npx -y frutjam-cherry@latest

Licença Pro / Team necessária

claude mcp add frutjam-cherry \
  --env LICENSE=your-license-key \
  --env EMAIL=your@email.com \
  -- npx -y frutjam-cherry@latest

Cursor

Abra Configurações do Cursor → MCP e adicione:

Plano gratuito sem necessidade de conta

{
  "frutjam-cherry": {
    "command": "npx",
    "args": ["-y", "frutjam-cherry@latest"]
  }
}

Licença Pro / Team necessária

{
  "frutjam-cherry": {
    "command": "npx",
    "args": ["-y", "frutjam-cherry@latest"],
    "env": {
      "LICENSE": "your-license-key",
      "EMAIL": "your@email.com"
    }
  }
}

VS Code

Pressione Ctrl+Shift+P → MCP: Abrir Configuração do Usuário e adicione:

Plano gratuito sem necessidade de conta

{
  "servers": {
    "frutjam-cherry": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"]
    }
  }
}

Licença Pro / Team necessária

{
  "servers": {
    "frutjam-cherry": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"],
      "env": {
        "LICENSE": "your-license-key",
        "EMAIL": "your@email.com"
      }
    }
  }
}

Outros editores

Plano gratuito sem necessidade de conta

{
  "mcpServers": {
    "frutjam-cherry": {
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"]
    }
  }
}

Licença Pro / Team necessária

{
  "mcpServers": {
    "frutjam-cherry": {
      "command": "npx",
      "args": ["-y", "frutjam-cherry@latest"],
      "env": {
        "LICENSE": "your-license-key",
        "EMAIL": "your@email.com"
      }
    }
  }
}

Após a configuração, seus primeiros 60 segundos

Três passos para confirmar que o Cherry está funcionando e começar a construir.

Passo 2

Execute seu primeiro teste

Abra o painel de chat da sua IA e digite:

List all available Frutjam components

Se o Cherry estiver ativo, sua IA chamará list_components e retornará uma lista de nomes de componentes. É isso, está funcionando.

O Cherry está incluído no Pro e Team

Plano gratuito disponível: solicitações diárias limitadas, sem necessidade de conta.

Atualize para Pro ou Team para solicitações ilimitadas e acesso a blocos premium e comandos de barra de IA.

FAQ

O que é um servidor MCP?

MCP (Model Context Protocol) é um padrão aberto que permite que assistentes de IA chamem ferramentas externas em tempo de execução. O Cherry atua como um servidor de ferramentas; seu editor de IA o chama para buscar especificações Frutjam sob demanda, em vez de adivinhar a partir de dados de treinamento.

Por que assistentes de IA alucinam nomes de classes Tailwind CSS?

Os modelos de IA são treinados em um instantâneo da web; eles não conhecem os nomes exatos de classes da sua biblioteca de componentes específica, especialmente para bibliotecas mais novas ou APIs do Tailwind CSS v4. Sem contexto ao vivo, eles inventam classes que parecem plausíveis, mas não existem. O Cherry resolve isso fornecendo à sua IA a documentação real e atualizada dos componentes Frutjam no momento em que ela precisa, eliminando completamente as alucinações.

Quais editores o Cherry suporta?

Qualquer editor com suporte a MCP: Claude Code, Cursor, VS Code, Windsurf, Zed, Cline e qualquer outro editor que implemente o padrão MCP.

Qual é a diferença entre o plano gratuito e o Pro/Team?

O plano gratuito oferece solicitações diárias limitadas e acesso à documentação de componentes e blocos gratuitos. Pro e Team desbloqueiam solicitações ilimitadas, blocos premium, modelos e todos os comandos de barra de IA.

Como recebo minha chave de licença?

Sua chave de licença é enviada por e-mail imediatamente após a assinatura. Você também pode gerenciar sua assinatura e assentos pelo seu painel de conta.

Posso usar o Cherry offline?

O Cherry valida sua licença online no primeiro uso e depois a armazena em cache localmente por 7 dias. Após isso, ele revalida. Uma breve conexão com a internet é tudo o que você precisa.

Posso cancelar a qualquer momento?

Sim. Cancele a qualquer momento. Seu acesso continua até o final do período de cobrança.