这几个AI前端工具今天涨疯了!

挑 GitHub 新项目太累了，今天这 5 个涨幅可以的，列出来省得来回翻。

jamiepine/voicebox

开源 AI 语音工作室，兼容 ElevenLabs 和 WisprFlow。

本地运行的语音工具，不用把数据传云端。保护隐私这个点确实戳中不少人，支持 7 种 TTS 引擎。

•怎么用：

Bash

brew install --cask voicebox

# 或者直接下载
# https://voicebox.sh/download

# 支持 7 种 TTS 引擎
# Qwen3-TTS, Qwen CustomVoice, LuxTTS, Chatterbox, HumeAI TADA, Kokoro

支持 23 种语言，语音克隆只需要几秒音频样本。全局热键实现语音输入，集成 MCP 后可以让 Claude Code、Cursor 等 AI 工具"开口说话"。

•注意：Linux 需要自己编译，预编译二进制暂不支持。Windows 和 macOS 直接下载安装包。

今天涨了 700+ 星。

JCodesMore/ai-website-cloner-template

一键把任意网站克隆成 Next.js 项目，用的是 shadcn/ui + Tailwind CSS v4。

•怎么用：

Bash

# 1. 用 GitHub 的 "Use this template" 创建自己的仓库
# 2. 克隆到本地
git clone https://github.com/YOUR-USERNAME/YOUR-REPO.git
cd YOUR-REPO

# 3. 安装依赖
npm install

# 4. 启动 Claude Code（推荐）
claude --chrome

# 5. 运行克隆技能
/clone-website https://目标网站.com

支持多种 AI 编码工具：Claude Code、Codex CLI、OpenCode、Cursor、Windsurf、Gemini CLI 等。克隆流程会自动提取设计令牌、下载资源、生成组件规格，并行构建每个区块。

•注意：不要直接克隆模板仓库，必须用"Use this template"创建自己的项目。不要用于钓鱼或侵权用途。

今天涨了 600+ 星。

firecrawl/firecrawl

给 AI agent 用的网页抓取工具，支持搜索、爬取、交互，JavaScript 渲染页面不在话下。

•怎么用：

Python

from firecrawl import Firecrawl

app = Firecrawl(api_key="fc-YOUR_API_KEY")

# 搜索
results = app.search("query", limit=5)

# 爬取
page = app.scrape('https://example.com')

# 交互（先爬取再操作）
result = app.scrape('https://amazon.com')
app.interact(result.metadata.scrapeId, prompt="Search for 'keyboard'")

支持 Node.js、Python、CLI，提供 MCP server 可以直接集成到 Claude Code、Cursor 等工具。内置代理轮换、速率限制处理，覆盖 96% 的网页。

•注意：免费版有额度限制，生产环境建议用托管服务。某些网站可能违反 Terms of Service，使用前请检查。

今天涨了近 600 星。

google-labs-code/design.md

Google Labs 推的设计规范格式。用 YAML + Markdown 格式写设计系统，AI 工具能直接读懂颜色、字体、间距、组件这些属性。

•怎么用：

Bash

# 安装 CLI
npm install @google/design.md

# 校验设计稿
px @google/design.md lint DESIGN.md

# 对比两个版本
px @google/design.md diff DESIGN.md DESIGN-v2.md

文件格式分为两层：YAML front matter 存设计令牌（机器可读），Markdown body 写设计理念（人类可读）。支持颜色、字体、圆角、间距、组件等 token，可校验 WCAG 对比度。

•注意：目前还是 alpha 版本，API 可能会变。组件属性支持 backgroundColor、textColor、typography、rounded、padding 等。

今天涨了 500+ 星。

heygen-com/hyperframes

用 HTML 写视频的框架，AI agent 也能用。把视频制作搬进代码环境，用 HTML + CSS + seekable animations 描述视频，渲染成 MP4。

•怎么用：

Bash

# 安装 CLI
npm install -g hyperframes

# 初始化项目
px hyperframes init my-video
cd my-video

# 预览
px hyperframes preview

# 渲染
px hyperframes render

用 HTML 标签写视频，加入 data 属性控制时长和轨道。支持 GSAP、CSS、Lottie、WAAPI 等动画库。内置 frame.md 把 DESIGN.md 转成视频可用的设计规范。

•注意：需要 Node.js 22+ 和 FFmpeg。支持本地渲染，也支持 Docker 部署和 AWS Lambda 分布式渲染。

今天涨了 400+ 星。

有用到哪个的，欢迎评论区说说。