This is an Frontend development service middleware that can be used with webpack and vite. Its main function is to visualize the configuration
Connect Mocxykit to Claude, Cursor or any other MCP client and it stops being a tab you switch to. This is an Frontend development service middleware that can be used with webpack and vite. Its main function is to visualize the configuration, manage http(s)-proxy, and mock data. The mocxykit mcp server is what makes that connection.
export default defineConfig({ plugins: [ viteProxyMockPlugin({ apiRule: '/api/*', lang: 'zh', buttonPosition: 'bottom', // 可选：'top'(顶部)、'middle'(中间)、'bottom'(底部) 或坐标格式如 '100,100' }) ] }) ```
The server ships on npm as mocxykit, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
vite — export default defineConfig({ plugins: [ viteProxyMockPlugin({ apiRule: '/api/*', lang: 'zh', buttonPosition: 'bottom', //express — app.use( proxyMockMiddleware({ // express-proxy-mock options }), );Rsbuild — export default defineConfig({ // Rsbuild 配置 plugins: [ rsbuildProxyMockPlugin({ apiRule: '/api/*', lang: 'zh', buttonPosition: 'bottom', //This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Mocxykit's toolset — vite, express, Rsbuild — is a fair guide to whether it matches your workflow. It is maintained by shunseven; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Mocxykit's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| vite | export default defineConfig({ plugins: [ viteProxyMockPlugin({ apiRule: '/api/*', lang: 'zh', buttonPosition: 'bottom', // 可选：'top'(顶部)、'middle'(中间)、'bottom'(底部) 或坐标格式如 '100,100' }) ] }) |
| express | app.use( proxyMockMiddleware({ // express-proxy-mock options }), ); |
| Rsbuild | export default defineConfig({ // Rsbuild 配置 plugins: [ rsbuildProxyMockPlugin({ apiRule: '/api/*', lang: 'zh', buttonPosition: 'bottom', // 可选：'top'(顶部)、'middle'(中间)、'bottom'(底部) 或坐标格式如 '100,100' }), ], }); |
{
"mcpServers": {
"mocxykit": {
"command": "npx",
"args": ["-y", "mocxykit"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.