Command Palette

Search for a command to run...

UnylyUnyly
Весь каталог

Capacitor Stack

БесплатноНе проверен

MCP server for building React + Capacitor + Tailwind + Konsta applications, providing tools for UI snippets, plugin management, and stack recommendations.

GitHubEmbed

Описание

MCP server for building React + Capacitor + Tailwind + Konsta applications, providing tools for UI snippets, plugin management, and stack recommendations.

README

Nest Logo

A progressive Node.js framework for building efficient and scalable server-side applications.

NPM Version Package License NPM Downloads CircleCI Discord Backers on Open Collective Sponsors on Open Collective Donate us Support us Follow us on Twitter

Description

Nest framework TypeScript starter repository.

MCP (Model Context Protocol) Server para integración con herramientas de IA como VS Code, Claude (Codex), y Google Gemini. Proporciona herramientas para ayudarte a construir aplicaciones con React + Capacitor + Tailwind + Konsta.

Project setup

$ npm install

Compile and run the project

# development
$ npm run start

# watch mode
$ npm run start:dev

# production mode
$ npm run start:prod

MCP Installation Guide

VS Code

  1. Instala la extensión oficial de Model Context Protocol para VS Code
  2. Abre la paleta de comandos (Cmd+Shift+P en Mac, Ctrl+Shift+P en Linux/Windows)
  3. Busca "MCP: Add Server" y selecciona
  4. En el archivo de configuración, agrega:
{
  "mcpServers": {
    "capacitor-stack": {
      "url": "http://localhost:3000/mcp"
    }
  }
}
  1. Asegúrate de que el servidor está corriendo: npm run start:dev

Claude (Codex)

  1. Accede a tu cuenta de Claude

  2. En las configuraciones de Claude, busca "Conexiones externas" o "MCP Servers"

  3. Agrega una nueva conexión con los siguientes detalles:

    • URL: http://localhost:3000/mcp
    • Nombre: capacitor-stack
    • No requiere token de autenticación
  4. Inicia el servidor MCP: npm run start:dev

Nota: Todas las herramientas utilizan la URL directamente sin necesidad de tokens de autenticación.

Herramientas disponibles

  • ui_konsta: Genera snippets de Konsta UI para React
  • ui_tailwind: Proporciona instrucciones de instalación de Tailwind
  • cap_plugins: Lista plugins de Capacitor según features solicitadas
  • cap_install: Genera comandos para instalar y sincronizar Capacitor
  • stack_recommend: Recomienda el stack completo (React + Capacitor + Tailwind + Konsta)
  • cap_verify: Verifica paquetes contra lista permitida

TEST PRODUCTION

Para probar el servidor MCP en modo producción, sigue estos pasos:

  1. Compila el proyecto: npm run build
  2. Inicia el servidor en modo producción: npm run start:prod
  3. Asegúrate de que el servidor está corriendo en http://localhost:3000/mcp

MCP Server

Puedes usar herramientas como Postman o curl para enviar solicitudes POST al endpoint MCP.

Usa el servidor MCP publicado para integrarlo con tus herramientas de IA favoritas.

https://mcp.nexa-code.net/mcp

Run tests

unit tests

$ npm run test

e2e tests

$ npm run test:e2e

test coverage

$ npm run test:cov


## Deployment

When you're ready to deploy your NestJS application to production, there are some key steps you can take to ensure it runs as efficiently as possible. Check out the [deployment documentation](https://docs.nestjs.com/deployment) for more information.

If you are looking for a cloud-based platform to deploy your NestJS application, check out [Mau](https://mau.nestjs.com), our official platform for deploying NestJS applications on AWS. Mau makes deployment straightforward and fast, requiring just a few simple steps:

```bash
$ npm install -g @nestjs/mau
$ mau deploy

With Mau, you can deploy your application in just a few clicks, allowing you to focus on building features rather than managing infrastructure.

Resources

Check out a few resources that may come in handy when working with NestJS:

  • Visit the NestJS Documentation to learn more about the framework.
  • For questions and support, please visit our Discord channel.
  • To dive deeper and get more hands-on experience, check out our official video courses.
  • Deploy your application to AWS with the help of NestJS Mau in just a few clicks.
  • Visualize your application graph and interact with the NestJS application in real-time using NestJS Devtools.
  • Need help with your project (part-time to full-time)? Check out our official enterprise support.
  • To stay in the loop and get updates, follow us on X and LinkedIn.
  • Looking for a job, or have a job to offer? Check out our official Jobs board.

Support

Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please read more here.

Stay in touch

License

Nest is MIT licensed.

from github.com/dmarmijosa/mcp-server-konsta-react

Установка Capacitor Stack

У этого сервера нет опубликованного пакета — он собирается из исходников. Открой репозиторий и следуй инструкции в README.

▸ github.com/dmarmijosa/mcp-server-konsta-react

FAQ

Capacitor Stack MCP бесплатный?

Да, Capacitor Stack MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Capacitor Stack?

Нет, Capacitor Stack работает без API-ключей и переменных окружения.

Capacitor Stack — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Capacitor Stack в Claude Desktop, Claude Code или Cursor?

Открой Capacitor Stack на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.

Похожие MCP

Compare Capacitor Stack with

Не уверен что выбрать?

Найди свой стек за 60 секунд

Автор?

Embed-бейдж для README

Похожее

Все в категории design