FrontGenix

关于

FrontGenix is a powerful template-based code generator designed for frontend development with Vue 3 and React 18. It streamlines the creation of boilerplate code for components and pages, including common patterns like basic layouts, data tables, forms, and full CRUD interfaces. Offering both a command-line interface (CLI) and an MCP (Micro-Component Protocol) tool, FrontGenix supports intelligent project detection, dependency analysis, and dynamic code generation based on component/page metadata, significantly boosting developer productivity.

主要功能

• Templated code generation for Vue 3 and React 18, supporting Element Plus, Ant Design Vue, AntD, and MUI UI kits.
• Intelligent routing injection into existing route files, with conflict detection and resolution strategies.
• Project detection and detailed dependency analysis reports for frontend applications.
• 0 GitHub stars
• Automated generation of component and page skeletons (basic, table, form, CRUD) and common service/route fragments.
• CLI and MCP tools for versatile code generation, project analysis, and integration with external systems.

使用案例

• Integrate programmatic code generation into development workflows using the MCP server for metadata-driven automation.
• Rapidly scaffold new Vue or React components and pages, accelerating frontend development.
• Automate the creation of common UI patterns such as data tables, forms with validation, and full CRUD interfaces.