Announcing the First Release of Smart UI MCP Server – Your Ultimate AI Coding Assistant!

We’re thrilled to announce the official launch of Smart UI MCP Server — the first AI coding assistant built exclusively for Smart UI components.

Now, you can generate production-ready code for Grid, Chart, Gantt, Table, Calendar, Tree, Menu, and 70+ other components — directly inside VS Code or Cursor — using your own API key.

Why Smart UI MCP Server?

Frontend developers spend hours configuring complex UI components. With Smart UI MCP Server, you simply type a natural language prompt prefixed with #smartdev — and get fully working, best-practice code in seconds.

Example: Type this in your IDE:

#smartdev Create a virtualized Grid and Excel export in Angular.

…and get a complete, production-ready implementation — instantly.

Key Features

70+ Categorized Prompts – From basic to advanced use cases
Works in VS Code & Cursor – Full MCP integration
Use Your Own API Key – OpenAI, Grok, Azure, Ollama, Anthropic, Gemini, Cohere
No Data Leaves Your Machine – Full privacy & control
Framework Support – Angular, React, JavaScript, TypeScript
Dark Mode, i18n, Accessibility, Performance – Built-in best practices

How It Works

Add the server in under 60 seconds:

        {
  "servers": {
    "smartdev": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "smart-mcp@latest"],
      "env": {
        "OPENAI_API_KEY": "your-key-here"
      }
    }
  }
}
      

Then just type #smartdev + your request. That’s it.

70+ Ready-to-Use Prompts

Here are just a few examples from our growing library:

Grid – Virtualized

#smartdev
Create a virtualized Smart Grid with 1M rows, lazy loading, and column pinning in Angular.

Chart – Real-Time

#smartdev
Build a live-updating line chart with WebSocket data and smooth animation.

Gantt – Dependencies

#smartdev
Draw dependency lines (FS, FF, SS, SF) with lag support.

Scheduler – Resources

#smartdev
Show multiple rooms/staff with color coding and conflict detection.

View all 70+ categorized prompts →

Get Started in 3 Steps

Install – Add smart-mcp via npx
Configure – Add your API key in mcp.json
Code – Use #smartdev to generate UI components

Read the Full Documentation

Join the Future of UI Development

Smart UI MCP Server is more than a tool — it’s a paradigm shift in how frontend teams build enterprise applications.

Whether you're prototyping an MVP, optimizing performance, or migrating legacy UIs — Smart UI MCP Server has your back.

Ready to 10x your UI development speed? Try Smart UI MCP Server today.

Get Smart UI License

Blog