# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Hyperbrowser (@hyperbrowser) · 平台：X (Twitter) · 日期：2026-07-01

> 原始來源：https://x.com/hyperbrowser/status/2072056225110671767

## 中文摘要

Hyperbrowser 發布開源工具 HyperScript，輸入英文指令即可生成瀏覽器自動化程式碼。

**核心功能與應用**
HyperScript 旨在簡化網頁自動化與資料擷取的開發流程。使用者只需在任務輸入框（TASK）中以英文描述目標，例如「前往 Hacker News 搜尋頭條新聞，並回傳標題、連結、分數、留言數及一句話摘要」，系統便會自動產生對應的 TypeScript 程式碼。該工具具備以下特點：
- **即時預覽**：提供即時瀏覽器視窗（LIVE BROWSER），讓使用者能即時監控 Agent 的執行過程。
- **程式碼產出**：產生的程式碼可直接匯出並保存，方便開發者後續維護或整合至現有專案。
- **自動化執行**：透過 `hyperscript` 套件，開發者可呼叫 `hyperscript.run` 函式執行任務，並透過 `status` 欄位檢查任務是否已完成（completed）或失敗（failed）。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782866763956-g490e3nk.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1af93662ac1482d4.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 使用者透過 HyperScript 平台輸入指令，自動抓取並解析網頁資訊的演示過程。

**開發資源與整合**
Hyperbrowser 同步公開了 [Hyperbrowser Example Web Apps](https://github.com/hyperbrowserai/hyperbrowser-app-examples) 程式庫，提供多項生產環境等級的網頁應用程式範例。這些範例展示了如何利用 Hyperbrowser 平台進行複雜的瀏覽器自動化、資料擷取及現代化 UI/UX 設計。

若要開始使用這些範例，開發者需遵循以下步驟：
1. 前往 [Hyperbrowser.ai](https://hyperbrowser.ai) 註冊並取得 API 金鑰。
2. 複製程式庫：
   ```bash
   git clone https://github.com/hyperbrowserai/hyperbrowser-app-examples.git
   cd hyperbrowser-app-examples
   ```
3. 根據各專案目錄下的 `README` 文件進行環境設定，並在應用程式的環境變數中配置 API 金鑰。
4. 執行應用程式以探索自動化工作流。

該專案採用 MIT 授權，並鼓勵開發者貢獻自建的應用範例，透過提交 Pull Request 共同完善生態系。更多技術細節與文件可參考 [Hyperbrowser Docs](https://hyperbrowser.ai/docs)。

## 媒體內容

**使用者透過 HyperScript 平台輸入指令，自動抓取並解析網頁資訊的演示過程。**

**影片中的 Prompt 與操作**

Prompt（00:03）：

```
前往 Hacker News 並找到頭條新聞。回傳標題、網址、分數、評論數以及一句話摘要。
```

原文：Go to Hacker News and find the top story. Return the title, URL, points, comment count, and a one-sentence summary

操作步驟：

1. （00:03）點擊「RUN」按鈕執行任務。
2. （00:04）程式碼區塊自動生成並執行 TypeScript 指令。
3. （00:10）任務執行完畢，顯示抓取到的網頁資訊結果。

## 標籤

AIGC, 新產品, 自動化, 爬蟲, Web, Hyperbrowser