网页设计师和开发人员资源#13：从CSS框架到JavaScript库

我们又为 *** 开发人员带来了新的资源。这一次，我们再次为您准备了各种工具、框架和库，它们可以为您的网站开发项目提供帮助。

从 到 ，我相信每个人都能找到适合自己的东西。话不多说，让我们一起进入列表。

Firebase studio

是谷歌推出的一款集成开发环境，可让您通过浏览器直接构建和测试全栈应用程序。它非常适合快速创建原型，内置的 Gemini 可帮助编写和调试代码。

您可以从模板开始，导入您的项目，甚至只需描述您想要的内容即可创建应用程序。

Vapor

是一个用 编写的 Web 框架。它可以帮助您使用简洁、现代的代码构建网站、API 和实时应用程序。

它支持快速、异步操作、用户登录系统、数据库连接、WebSockets 实时更新等功能，甚至还支持 HTML 模板。

Awesome MCP Servers

是精心挑选的支持的超棒工具列表。您可以找到各种类型的 MCP，从浏览器自动化和云平台到游戏、安全、客户支持等。

如果您正在构建智能应用程序或将人工智能与现实世界的数据和服务相连接，那么这份列表将是一个很好的起点。

Playwright MCP

的官方 MCP 可让 LLM 和人工智能应用程序（如聊天机器人）与浏览器进行交互。它不使用屏幕截图或视觉技巧，而是与网站的实际结构配合使用，因此可以更准确地点击按钮、填写表格或抓取数据。

它非常适合自动化 *** 任务、运行测试或为需要浏览网页的人工智能 *** 提供动力。

Frimousse

是一款专为 React 应用程序打造的轻量级开源表情符号拾取器。它完全无样式，可高度自定义，因此您可以使用 或 等工具随心所欲地设计样式。

它只在需要时加载表情符号数据，因此速度快、效率高，而且采用模块化设计，因此您可以构建一个与您的用户界面完美契合的自定义拾取器。

Check Site meta

是一款命令行工具，可让你在不部署网站的情况下预览网站元数据，如 和 。

它适用于任何 URL，包括 localhost，并支持 X、Discord、Google 和 Facebook 等平台的预览格式。它还能处理 CORS 和缓存问题，因此你总能获得准确的结果。

OWL

是一个开源框架，允许多个人工智能 *** 协作完成不同的任务，如网页浏览、编码和内容分析。

它支持实时搜索，可处理文本、图像和音频，还包括 PDF、研究论文和天气数据工具。它是构建智能、自动化系统的更佳工具。

PHPacker

是一款方便的工具，可将 PHP 脚本或 转换成一个可在 Windows、macOS 或 Linux 上运行的独立文件。

它将你的代码与 PHP 运行时捆绑在一起，因此用户无需安装 PHP 即可运行你的应用程序。你甚至可以选择使用哪个 PHP 版本或添加自定义扩展。

它是跨系统轻松 *** 和共享 PHP CLI 应用程序的完美工具。

WordPress.com AI

WordPress.com 现在提供免费的 ，您可以通过与人工智能聊天来创建网站。只需告诉它你想要什么样的网站，比如咖啡店或个人博客，它就会为你创建一个包含文字、图片和布局的网站。

您还可以手动编辑网站，或要求人工智能进行修改。对于小企业主、自由职业者或任何想要快速、轻松上网的人来说，这是一款完美的工具。

Cloudflare Agents

允许您构建在边缘运行、实时交互、记忆上下文、浏览 *** 并连接到各种人工智能模型的智能人工智能 *** 。

使用 SDK，您可以将其部署到 上，并通过内置的验证和传输将其链接到外部服务。

这是创建可处理复杂任务和工作流的强大实时人工智能应用程序的绝佳 *** 。

Fumadocs

是一个基于 构建的文档框架。它支持 Markdown、MDX 和 React 组件，并包含开箱即用的可定制 UI 组件。

通过 UI、CLI 等工具以及对各种内容源的支持，它可以轻松设置并满足您的项目需求。如果您希望快速高效地创建文档，它是一个不错的选择。

Git MCP

通过将公共仓库转化为可访问的端点（例如gitmcp.io/owner/repo），让人工智能更容易理解 GitHub 项目。

它支持语义搜索，优先处理llms.txt和README.md 等关键文件，并且只使用公共数据。这是连接人工智能与 GitHub 文档的简单 *** 。

Yazi

是一款使用 Rust 编写的快速跨平台终端文件管理器，采用异步 I/O，性能流畅。

它支持图片和文件预览、语法高亮、批处理操作，并深度集成了 、rg、 等 CLI 工具。

它可通过主题、布局和类似 Vim 的控件进行高度定制。

Stats

是一款免费的开源 macOS 应用程序，可在菜单栏中显示 CPU、GPU、内存、磁盘、 *** 、电池、传感器等实时系统信息。

它易于使用，可高度自定义，适用于 macOS Catalina 及更高版本。

Cursor Talk to Figma MCP

是一个使用模型上下文协议 (MCP) 将 Cursor AI 与  连接起来的项目。

它允许人工智能通过 MCP 服务器、WebSocket 服务器和 Figma 插件实时读取和更新 Figma 设计。通过这种设置，AI 可以创建和样式化元素、管理布局，甚至直接在 Figma 中运行代码。

Solidtime

是一款面向自由职业者和机构的免费开源时间跟踪器。它允许您在一个地方跟踪工时、管理项目、任务、客户和计费率。

它使用 和 构建，可在网页上运行，并有一个适用于 Windows、macOS 和 Linux 的桌面应用程序。

Browserable

是一款面向人工智能 *** 的开源浏览器自动化工具。它可以帮助 *** 浏览网站、填写表格、点击按钮和提取数据。

该工具包含一个 JavaScript SDK，支持使用各种 LLM、存储选项和浏览器配置进行自定义设置。这是构建能与 *** 交互的智能 *** 的好 *** 。

PayloadCMS

是一款专为开发人员打造的现代化无头 CMS。它提供代码优先设置、完整的 API 访问和可定制的管理面板。

它支持 MongoDB、自托管和无服务器部署，让您可以完全控制内容和结构。它是构建自定义内容驱动应用程序的理想解决方案。

tsoa

是一个用于构建 REST API 的 TypeScript 框架，可自动生成 文档。

它可与 、 和  配合使用，并使用 TypeScript 装饰器以最少的模板创建类型安全的 API。

它还能在运行时处理输入验证，并将您的 TypeScript 代码转化为 OpenAPI 2.0 或 3.0 规范，从而使 API 开发更顺畅、更一致。