星光不问赶路人

## 序言 ​ 这半个月一直在专注于 Figma-to-Code 的相关工作，也在不断思考和调研已有的 D2C（Design to Code）方案。 ​ 目前市面上主流的实现方式，大多是基于 **

通过 `AI 结合 MCP` 以一种方式在智能助手中渲染前端的 UI，以此减少用户操作路径的方案，让助手更贴近业务、智能化。

探索一些独立开发的UI最佳实践。 今天要分享的是：如何用 Claude Code 生成 顶级UI 🌝

NgxFlow：基于 React Flow 的 Nginx 可视化与调试神器。可以通过直观的拖拽式画布界面，帮助运维工程师和开发者快速构建、调试和优化 Nginx 配置，减少繁琐的手写配置和语法错误。

告别手工测量像素！通过Cursor + MCP技术直接读取Figma设计元数据，自动生成高质量前端代码，开发效率提升10倍。本文详细介绍配置方法、实战案例和进阶技巧。

什么是 Figma MCP Figma MCP (Model Context Protocol) 是一种让 AI 助手直接与 Figma 设计文件交互的协议。通过 MCP，AI 可以读取设计文件、获取

Vite 开发环境中路由切换导致页面刷新问题 问题描述 在使用 Vite 开发环境时，当点击菜单切换路由时，页面会意外刷新。控制台日志显示如下信息： 09:26:57 [vite] ✨ new dep

基础使用请参考qiankun官网https://qiankun.umijs.org/zh 进阶使用会遇到如下问题 主应用和子应用都有router，如何匹配 主应用如何切换子应用中的路由 主应用和子应用

详细分析 ts 是如何解析路径的。moduleResolution 是 typescript 路径解析中最重要的一个配置。