Stop Returning JSON From Your MCP Server. Start Returning UI.
📰 Medium · LLM
Learn to return UI from your MCP server instead of JSON for a better user experience and improved interface layer agentic products
Action Steps
- Design a UI component using a framework like React or Angular to render the data
- Use a templating engine like Handlebars or Mustache to generate the UI
- Implement an API gateway to handle requests and return UI components
- Configure the MCP server to return UI components instead of JSON
- Test and deploy the new UI-driven approach
Who Needs to Know This
Backend developers and full-stack engineers can benefit from this approach to improve the user interface and experience of their applications
Key Insight
💡 Returning UI from the server can simplify the development process and improve the user experience
Share This
🚀 Return UI from your MCP server, not JSON! Improve user experience and interface layer agentic products #UI #MCP #Serverless
Key Takeaways
Learn to return UI from your MCP server instead of JSON for a better user experience and improved interface layer agentic products
Full Article
Title: Stop Returning JSON From Your MCP Server. Start Returning UI.
URL Source: https://blog.stackademic.com/stop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb?source=rss------llm-5
Published Time: 2026-06-20T05:06:53Z
Markdown Content:
# Stop Returning JSON From Your MCP Server. Start Returning UI. | by Sachin Kasana | Jun, 2026 | Stackademic
[Sitemap](https://blog.stackademic.com/sitemap/sitemap.xml)
[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)
Sign up
[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)
[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)
Get app
[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)
[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)
Sign up
[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

## [Stackademic](https://medium.com/stackademic?source=post_page---publication_nav-d1baaa8417a4-679b8ccdd4cb---------------------------------------)
·
Follow publication
[](https://blog.stackademic.com/?source=post_page---post_publication_sidebar-d1baaa8417a4-679b8ccdd4cb---------------------------------------)
Stackademic is a learning hub for programmers, devs, coders, and engineers. Our goal is to democratize free coding education for the world.
Follow publication
Member-only story
# Stop Returning JSON From Your MCP Server. Start Returning UI.
## A builder’s guide to A2UI, MCP Apps, and the interface layer agentic products are missing
[](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)
[Sachin Kasana](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)
Follow
11 min read
·
Just now
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fstackademic%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------clap_footer------------------)
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Frepost%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------repost_header------------------)
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=---header_actions--679b8ccdd4cb---------------------bookmark_footer------------------)
[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimensio
URL Source: https://blog.stackademic.com/stop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb?source=rss------llm-5
Published Time: 2026-06-20T05:06:53Z
Markdown Content:
# Stop Returning JSON From Your MCP Server. Start Returning UI. | by Sachin Kasana | Jun, 2026 | Stackademic
[Sitemap](https://blog.stackademic.com/sitemap/sitemap.xml)
[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)
Sign up
[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)
[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)
Get app
[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)
[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)
Sign up
[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

## [Stackademic](https://medium.com/stackademic?source=post_page---publication_nav-d1baaa8417a4-679b8ccdd4cb---------------------------------------)
·
Follow publication
[](https://blog.stackademic.com/?source=post_page---post_publication_sidebar-d1baaa8417a4-679b8ccdd4cb---------------------------------------)
Stackademic is a learning hub for programmers, devs, coders, and engineers. Our goal is to democratize free coding education for the world.
Follow publication
Member-only story
# Stop Returning JSON From Your MCP Server. Start Returning UI.
## A builder’s guide to A2UI, MCP Apps, and the interface layer agentic products are missing
[](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)
[Sachin Kasana](https://blog.stackademic.com/?source=post_page---byline--679b8ccdd4cb---------------------------------------)
Follow
11 min read
·
Just now
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fstackademic%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------clap_footer------------------)
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Frepost%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&user=Sachin+Kasana&userId=93868c9b8bee&source=---header_actions--679b8ccdd4cb---------------------repost_header------------------)
[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F679b8ccdd4cb&operation=register&redirect=https%3A%2F%2Fsachinkasana.medium.com%2Fstop-returning-json-from-your-mcp-server-start-returning-ui-679b8ccdd4cb&source=---header_actions--679b8ccdd4cb---------------------bookmark_footer------------------)
[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimensio
DeepCamp AI