Gin Vue Admin
🚀Vite+Vue3+Gin拥有AI辅助的基础开发平台，企业级业务AI+开发解决方案，内置mcp辅助服务，内置skills管理，支持TS和JS混用。它集成了JWT鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器、表单生成器和可配置的导入导出等开发必备功能。
What is Gin Vue Admin?
Gin Vue Admin is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to 🚀vite+vue3+gin拥有ai辅助的基础开发平台，企业级业务ai+开发解决方案，内置mcp辅助服务，内置skills管理，支持ts和js混用。它集成了jwt鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器、表单生成器和可配置的导入导出等开发必备功能。
🚀Vite+Vue3+Gin拥有AI辅助的基础开发平台，企业级业务AI+开发解决方案，内置mcp辅助服务，内置skills管理，支持TS和JS混用。它集成了JWT鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器、表单生成器和可配置的导入导出等开发必备功能。
This server falls under the Business Applications category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- 🚀Vite+Vue3+Gin拥有AI辅助的基础开发平台，企业级业务AI+开发解决方案，内置mcp辅助服务，内置skill
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx gin-vue-adminConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Gin Vue Admin
Gin-Vue-Admin is a full-stack development platform built on Vue 3, Vite, and Go's Gin framework, providing a complete enterprise-grade admin scaffold with JWT authentication, dynamic routing, role-based permissions via Casbin, code generators, form builders, and built-in MCP server support for AI-assisted development. It is designed to accelerate backend and admin panel development by generating standard CRUD boilerplate from a simple UI, letting developers focus on business logic instead of scaffolding. The integrated MCP service allows AI coding tools like Claude Code and Cursor to deeply understand the project's conventions and generate correctly-structured code automatically. Teams use it as a foundation for internal tools, management platforms, and SaaS backends.
Prerequisites
- Go 1.22 or later installed for the backend server
- Node.js 18.16.0 or later for the Vue frontend
- A running database (MySQL, PostgreSQL, or SQLite) for persistence
- An MCP-compatible client such as Claude Desktop or Cursor
- Git for cloning the repository
Clone the repository
Clone the gin-vue-admin repository from GitHub. The project is organized with a server directory for the Go backend and a web directory for the Vue frontend. Do not open the root directory in Goland — open the server subdirectory.
git clone https://github.com/flipped-aurora/gin-vue-admin.git
cd gin-vue-adminStart the Go backend server
Enter the server directory, run go generate to install dependencies (including Casbin and GORM), then start the server. On first run, it will prompt you to configure your database connection via a browser-based initialization wizard.
cd server
go generate
go run .Start the Vue frontend
In a separate terminal, install the Vue 3 frontend dependencies and start the development server. The web interface will be available at localhost:8080 by default.
cd web
npm install
npm run serveConfigure the database connection
Open http://localhost:8888 (the initialization page) and fill in your database type, host, port, username, password, and database name. Gin-Vue-Admin supports MySQL, PostgreSQL, and SQLite. After initialization, the admin account is automatically seeded.
Add the MCP server to your AI coding client
Add the Gin-Vue-Admin MCP server configuration to your MCP client so that AI coding tools can understand the platform's project conventions, generate business code in the correct structure, and use the built-in code generator via natural language.
Use the code generator to scaffold CRUD modules
In the admin UI, navigate to the code generator panel, define your data model fields, and click Generate. The platform produces Go structs, GORM models, Gin route handlers, Vue components, and API wrappers for the new module in one click.
Gin Vue Admin Examples
Client configuration
Add this block to your claude_desktop_config.json under the mcpServers key to enable the Gin-Vue-Admin MCP server.
{
"mcpServers": {
"gin-vue-admin": {
"command": "npx",
"args": ["gin-vue-admin"]
}
}
}Prompts to try
Once the server is configured, try these prompts with your AI coding assistant.
- "Generate a complete CRUD module for a 'Product' entity with name, price, and stock fields in gin-vue-admin"
- "Add a new API endpoint to the Gin backend following the gin-vue-admin router and service layer conventions"
- "Create a Vue 3 page component with a data table and filter form for the gin-vue-admin admin panel"
- "Help me configure Casbin policies to restrict the /api/product endpoint to admin role only"Troubleshooting Gin Vue Admin
Database initialization fails or the init page is not accessible
Ensure your database server is running and the credentials are correct. The initialization wizard runs on port 8888 by default. Check server/config.yaml for the port configuration. For MySQL, ensure the database exists and the user has CREATE TABLE privileges.
Frontend shows blank page or network errors after starting
Check that the backend server is running before starting the frontend. The Vue dev server proxies API calls to the Go backend — if the backend is not running, all API requests will fail. Verify server is running on port 8888 and check the proxy setting in web/vite.config.js.
Generated code has import path errors or does not compile
Open the server directory (not the project root) in your IDE. Gin-Vue-Admin uses module paths relative to the server subdirectory. Run 'go mod tidy' inside the server directory to resolve missing imports after generating new code.
Frequently Asked Questions about Gin Vue Admin
What is Gin Vue Admin?
Gin Vue Admin is a Model Context Protocol (MCP) server that 🚀vite+vue3+gin拥有ai辅助的基础开发平台，企业级业务ai+开发解决方案，内置mcp辅助服务，内置skills管理，支持ts和js混用。它集成了jwt鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器、表单生成器和可配置的导入导出等开发必备功能。 It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Gin Vue Admin?
Follow the installation instructions on the Gin Vue Admin GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Gin Vue Admin?
Gin Vue Admin works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Gin Vue Admin free to use?
Yes, Gin Vue Admin is open source and available under the Apache-2.0 license. You can use it freely in both personal and commercial projects.
Gin Vue Admin Alternatives — Similar Business Applications Servers
Looking for alternatives to Gin Vue Admin? Here are other popular business applications servers you can use with Claude, Cursor, and VS Code.
n8n
★ 189.1kA comprehensive MCP server that provides full control over n8n automation workflows through natural language. It offers 43 tools for managing workflows, executions, credentials, and data tables, with safety features like write-mode protection and dou
LobeHub
★ 77.5k🤯 LobeHub is your Chief Agent Operator, organizing your agents into 7×24 operations by hiring, scheduling, and reporting on your entire AI team.
Jeecgboot
★ 46.4kAI 低代码平台，「低代码 + 零代码」双模式驱动：低代码一键生成前后端代码，零代码 5 分钟搭建系统，AI Skills 一句话画流程、设计表单、生成整套系统。内置 AI聊天、知识库、流程编排、MCP插件等，兼容主流大模型。引领「AI 生成 → 在线配置 → 代码生成 → 手工合并->AI修改」开发模式，消除 Java 项目 80% 的重复工作，提效而不失灵活。
CowAgent
★ 44.7kCowAgent (chatgpt-on-wechat) 是基于大模型的超级AI助理，能主动思考和任务规划、访问操作系统和外部资源、创造和执行Skills、通过长期记忆和知识库不断成长，比OpenClaw更轻量和便捷。同时支持微信、飞书、钉钉、企微、QQ、公众号、网页等接入，可选择DeepSeek/OpenAI/Claude/Gemini/ MiniMax/Qwen/GLM/LinkAI，能处理文本、语音、图片和文件，可快速搭建个人AI助理和企业数字员工。
Minds Platform
★ 39.2kPlatform dedicated to building an open foundation for applied Artificial Intelligence, designed for people seeking production-ready AI systems they can truly control, extend and deploy anywhere.
Astrbot
★ 32.8kAI Agent Assistant & development framework that integrates lots of IM platforms, LLMs, plugins and AI feature, and can be your openclaw alternative. ✨
Browse More Business Applications MCP Servers
Explore all business applications servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Gin Vue Admin in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Gin Vue Admin?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.