The Swiftcode MCP Server automates code generation to accelerate modern web development workflows.
Generate TypeScript API clients: Automatically creates TypeScript clients and type definitions from Swagger/OpenAPI specifications (supports JSON and YAML formats, Swagger 2.0 and OpenAPI 3.0+)
Generate Vue Components: One-click generation of Vue 3 list page components with tables, filters, and pagination using pre-defined templates
Template Management: Download and manage built-in code generation templates for Vue SFCs
Specification Validation: Validate Swagger/OpenAPI specifications
Mock Data Generation: Generate mock data to aid frontend development
Multiple Output Formats: Produces TypeScript interfaces, Vue components, and Element Plus elements
Automatically generates TypeScript API clients from Swagger/OpenAPI specifications with support for validation, type definitions, and interface generation.
Provides tools for generating TypeScript API clients and type definitions from Swagger/OpenAPI specifications, with support for type interfaces.
Generates Vue 3 list page components with filters, tables, and pagination based on configurable specifications, including support for Element Plus UI components.
Supports parsing and processing of YAML-formatted Swagger/OpenAPI specifications for API client generation.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Swiftcode MCP Servergenerate a TypeScript API client from our swagger.json file"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Swiftcode MCP Server
English | 简体中文
Introduction
Swiftcode MCP Server is a server based on the Model Context Protocol (MCP), focusing on automated code generation to support modern web development workflows. It can automatically generate TypeScript API clients from Swagger/OpenAPI specifications and quickly generate Vue list page components based on templates, greatly improving frontend and backend development efficiency.
Related MCP server: Swagger MCP Server
Features
Swagger/OpenAPI to TypeScript: Automatically generate TypeScript API clients and type definitions.
Vue Component Generation: One-click generation of Vue 3 list pages with tables, filters, and pagination.
Template Management: Obtain and use built-in code generation templates.
Specification Validation: Supports Swagger/OpenAPI validation.
Mock Data Generation: Optionally generate mock data for frontend development.
Supported Technologies
Frontend: Vue 3 (Composition API), Element Plus, TypeScript
API Specification: Swagger 2.0, OpenAPI 3.0+ (JSON/YAML)
Code Generation: TypeScript interfaces/types, Vue 3 components, Element Plus forms and tables
Tool List
1. generate_api_client
Generate TypeScript API client from Swagger/OpenAPI specification.
Parameters:
source(string): Swagger/OpenAPI file path or URLdir(string): Output directory
Example:
2. generate_sfc_template_client
Download and generate SFC/Vue list template files to the specified directory.
Parameters:
dir(string): Output directory
Example:
3. generate_sfc_client
Generate Vue list components based on template files.
Parameters:
source(string): Template file pathdir(string): Output directory
Example:
Quick Start
NPX (Recommended)
Start as an MCP Server:
Local Development
Start as an MCP Server:
Docker
Usage Examples
Generate API Client
Generate Vue List Component
Contribution Guide
Fork this repository
Create a feature branch
Commit your changes
Add tests if necessary
Submit a Pull Request
License
MIT
For more help or questions, please visit the GitHub.