大家好，这里是每周都在陪你技术内卷的小谷～！
关注公粽号：IT硅谷，回复：【进群】——邀请你加入IT技术内卷群！
01 便携高效UI工具：draw-a-ui
⭐12.7k stars
Draw-a-UI是一个轻量级的在线工具，专为快速草拟和预览UI设计而打造。它充分利用了Web技术的优势，使得用户无需安装任何软件，即可在浏览器中轻松绘制UI原型。
Draw-a-UI采用了现代Web开发技术栈，其中HTML5 Canvas作为UI元素的画布基础，提供了直接在网页上绘图的能力。而JavaScript (ES6+) 则作为应用的主要编程语言，负责处理交互逻辑和图形操作。此外，项目还巧妙地结合了tldraw这一开源数字画板和GPT-4-Vision API，使得用户可以通过tldraw绘制线框图并添加标注，然后应用能够自动生成基于HTML的UI设计。
02 网页调试利器：page-spy-web
⭐3.9k stars
Page Spy Web，由货拉拉公司开源，是一款专为远程Web项目调试而设计的工具，帮助开发者更高效地理解和优化网页性能。
它通过封装原生API，实现了对调用原生方法时参数的智能过滤和转化，进而生成格式规范的消息，以供调试端使用。当调试端接收到这些消息数据时，它能够以类似控制台的可交互式功能界面形式，直观地展示这些数据，从而极大地提升了开发人员在远程Web项目调试过程中的效率和便捷性。
Page Spy Web的特点在于其轻量级与易用性，尽管功能强大，但设计原则保持简洁和易于上手。在开发过程中，它可以作为学习Web技术或日常开发工作的得力助手。
03 前端实战宝典：50projects50days
⭐33.5k stars
这个集合包含50个精致的前端小项目，全部采用HTML、CSS和JavaScript编写。每个项目都附带了网页源码和效果展示，旨在帮助初级和中级前端开发者通过实践来提升他们的技能。
该项目包含了一系列具有实际应用场景的小型Web应用示例，涵盖了从HTML、CSS、JavaScript到现代前端框架如React等各种技术。每个项目都配备了详细的步骤说明、源代码以及预期的最终结果截图，使得学习者能够轻松地跟随教程进行实践。
04 轻量高效的微前端：micro-app
⭐5.2k stars
Micro-app是由京东前端团队推出的一款微前端框架。它基于组件化的思维，从类WebComponent的角度出发，为前端开发者提供了微前端的渲染方案。这个框架旨在降低上手难度、提升工作效率，并且它与技术栈无关，也不和业务绑定，因此可以灵活地应用于任何前端框架和业务场景。
Micro-app的特点在于其轻量级、插件化、组件化以及独立部署的能力。它允许每个Micro-app独立运行和部署，从而支持单独的开发和测试工作。同时，它提供了路由管理功能，使得子应用之间的路由跳转和通信变得更为便捷。
05 代码编辑工具：code-run
⭐460 stars
一个代码在线编辑预览工具，类似codepen，主要是为开发者提供一个便捷的环境，使他们能够即时编写、测试和分享代码。通过这一工具，用户可以在浏览器中直接编写HTML、CSS和JavaScript代码，并实时查看代码执行的效果。
特性
- 支持多种预处理语言
- 支持多种布局随意切换
- 支持添加额外的css、js资源
- 内置多种常用模板
- 支持导出zip
- 支持代码格式化
- 美观强大的控制台
- 支持vue单文件（2.x、3.x）
- 支持直接移植VSCode主题，并且已经内置了大量优质主题
- 内置支持保存到github gist【gist API】，想要保存到自己的存储体系修改也十分简单
- 内置支持在未配置github gist的情况下将变动保存到url中，可方便的将url分享给他人查看
- 内置支持生成和carbon一样漂亮美观的代码图片
- 内置使用unpkg及importmap支持在浏览器上使用ES模块语法
- 支持嵌入模式，方便在文档网站中使用，让文档示例更轻松
06 网络观测利器：Retina
⭐2.2k stars
Retina是微软推出的一个开源项目，专为云原生容器网络的可观测性而设计。该项目允许Kubernetes用户、管理员和开发人员对容器网络流量进行可视化、观察、调试和分析，无需受到容器网络接口（CNI） 、操作系统（OS） 和云平台的限制。
Retina的核心优势在于其跨平台、跨技术的兼容性，以及对网络流量的深入分析。它支持Linux和Windows数据平面，占用内存和CPU资源少，且具备可插拔设计，便于用户根据需求进行扩展。此外，Retina能够深入分析网络第四层指标、DNS指标和分布式数据封包截取，为用户提供了详细的Pod层级指标。
07 自托管媒体中心：Immich
⭐28k stars
Immich是一个功能强大的开源项目，旨在为用户提供照片和视频的自托管备份解决方案。它允许用户将个人媒体文件安全地存储在自定义的服务器上，从而完全控制自己的数据，并确保隐私得到保护。Immich通过提供易于使用的Web管理界面和移动应用，使用户能够轻松地上传、管理、访问和分享他们的照片和视频。
除了基本的备份和存储功能，Immich还具备一些高级特性。它支持自动分类功能，通过内置的深度学习算法，能够智能地对图片进行归类，方便用户查找和管理。此外，Immich还提供了丰富的自定义选项，用户可以根据自己的需求调整存储设置、访问权限等。
08 全能编程工具：puter
⭐11.1k stars
作为一款基于Web的轻量级代码编辑器，Puter提供了实时预览、多语言支持、语法高亮以及代码自动完成等特性，大大提升了开发者的编程体验。同时，它还集成了版本控制、任务管理以及协作功能，使得个人开发或团队合作变得更加便捷。
09 强大且安全的笔记工具：joplin
⭐42.5k stars
这是一款免费的开源笔记软件，能够方便地管理待办事项和处理大量笔记。可以直接导入印象笔记 （Evernote） 的笔记和 Markdown 文件，提供了 Windows、macOS、Linux、Android 和 iOS 等主流操作系统客户端。它不仅支持离线使用，同时也支持自定义网盘同步笔记，从而实现多端无缝创作。
10 远程部署利器：Fabric
⭐9.2k stars
该项目是一个使用 AI 增强人类能力的框架，即更好地用 AI 来应对日常挑战的工具。本质上它是一个 Sever，用 Markdown 的形式，提供了一系列更加准确的提示词模式，让 AI 更加精细和准确地处理问题，返回你想要的结果，比如用它总结新闻、创建摘要、解释代码等，都有不错的效果。
Fabric的目标是简化远程服务器的管理工作，使开发者能够更专注于业务逻辑的实现。它通过提供简洁易用的接口和强大的功能，极大地提高了远程部署和管理的效率。
11 高效API管理工具：Bruno
⭐17.6k
这是一款仅限离线（无需登录）使用的 API 客户端桌面工具，可用来测试和请求 API。它不同于日益臃肿、同类型的 Postman 等工具，你可以直接在本地管理/导出接口信息和数据，没有杂七杂八的账号管理、云同步等功能，简单直接、开箱即用的 API 客户端，适用于 Windows、macOS 和 Linux 操作系统。
