(在 2025-07-07 文档上修改) Figma quick start guide https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server 为什么用 Figma 从很早的时候，就推出了 Design System，Design to Code 这些功能，从原子的 Design Token 到组件，都极大的提高了研发的效率。然而，要用好这套系统，得对设计、研发都有所了解，和配置大量的内容（token映射、组件管理等）；并在设计中按照规范使用。相当于将前端研发的逻辑套入了设计阶段。虽然能够给后续开发带来极大的提升，但是构建和修改这个系统的门槛不低。 ...
Why Turborepo Quick start 依赖关系 与 package.json 通过最基础创建项目的指令pnpm dlx create-turbo@latest ，得到的 demo 项目。 目录结构需要注意：（以下说的每个，指的都是 apps 和 packages） Using this configuration, every directory with a package.json in the apps or packages directories will be considered a package. ...
之前在做 blog 多语言支持的时候，也曾经短暂的做过 hugo 构建的拦截进行 AI 机翻，奈何 GPT4 成本太高和效果自己无法验证放弃了。 而后做 Web SaaS（Vue3 + Vite + TS + i18n） 项目，需要到多语言的支持。重新设计了一套满足快速定位，和自动 AI 机翻的多语言方案。 ...
前端在 Monorepo 架构下（多HTML），难免是需要做静态资源的转发配置。 如果每个 Path 都有对应的资源，那也好说，但在现今 SPA 下，会有前端单页面托管处理路由的跳转逻辑，就难免出现访问某些 Path 下不存在的路由，或直接访问其自路由的情况下，到底应该加载哪个文件的问题。 ...
Github 地址 游戏地址 文档地址 背景 最近因为其他原因，借助 Trae 完成了这款“扫雷”小游戏。本来打算是参与掘金产品体验活动的，无奈这台五年前的 MacBook 内存实在支撑不住，把存档和截图都删了。那就就着这个项目，聊聊 AI 对前端开发的影响吧。 ...
前言 早就听闻 Cursor AI 编程大名，由于对 Claude、GPT-4o 有过粗浅的体验，又因为续费购买麻烦（贵），虚拟卡的余额用完了就没有续费，所以一直没有体验过这类工具。 从作为研发，个人的角度出发，一直认为和问答方式，白盒使用模型辅助编程没有太大的区别，都应该审核生成的代码。 然而在某书刷到【XX补光灯】的项目后对我冲击非常大，再次让我意识到，大部分的项目，技术从来不是壁垒。 在准备使用 Deepseek + vscode 插件方案的时候，发现了 Trae AI 这款工具。 ...
（Created by AI） Figma MCP 工具数据类型详解 本文将详细介绍 Figma MCP (Model Context Protocol) 工具可以获取的各种数据类型，以及如何建立连接和获取设计稿信息。 工具概览 Figma MCP 提供以下核心工具： ...
大家好呀。 因为之前有过字体解析的相关代码开发，一直想把这个过程记录下来，总觉得这个并不是很难，自认为了解得不算全面，就一拖再拖了。今天仅做简单的抛砖引玉，通过本篇文章，可以知道Opentype.js是如何解析字体的。在遇到对应问题的时候，可以有其它的思路去解决。比如：.ttc的解析。又或者好奇我们开发软件过程中字体是如何解析的。 ...
对于当前互联网产品开发中，协调的颜色设计至关重要，甚至决定用户是否愿意主动使用产品。一些独立开发者、中小微企业，在没有设计师的时候，是否就无法拥有至少合理、方便使用的配色方案呢？当然不了。我们可以使用很多现成的组件库，解决方案等等，但是如果在不引入组件库的时候呢？material-color-utilities给我们提供了方案。 ...
场景：点击按钮下载什么架构的客户端 为啥需要JS判断当前浏览器所属的系统架构？可以代入到场景：如果需要自行分发arm、x86技术架构的客户端安装包（为了控制包大小等），怎么能让用户直接点击下载按钮，下载正确的技术架构，而不是需要用户了解相关内容，查看本机架构呢？ ...