Glue Code Generator

소개

The Glue Code Generator is a two-stage system designed to streamline frontend development by bridging the gap between messy API JSON and structured UI components. It takes raw API responses and your chosen design system component (Vue or React) to automatically generate Zod schemas, creating a clean mapping. In its second stage, it renders live UI previews directly within chat interfaces, enabling rapid prototyping and integration for backend-driven UI development and modernizing legacy systems.

주요 기능

• Automates frontend integration for backend-driven UIs
• Provides VS Code and Claude Desktop integration
• Generates Zod schemas from API JSON and UI components
• Renders live UI previews using mcp-ui directly in chat
• Supports both Vue and React design system components
• 0 GitHub stars

사용 사례

• Integrate messy API responses with structured design system components
• Generate code for chatbot UI rendering based on API data
• Rapidly prototype and visualize API data mapped to UI components
• Convert legacy backend APIs into modern MCP UI code