# 策展 · X (Twitter) 🔥🔥

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

> 作者：Aiden Bai (@aidenybai) · 平台：X (Twitter) · 日期：2026-07-14

> 原始來源：https://x.com/aidenybai/status/2076671436668973510

## 中文摘要

Aiden Bai 發布 improve-react 自動修復 React 程式碼錯誤。

**核心功能與應用**
Aiden Bai 推出的 `improve-react` 是一項專為 AI Agent 設計的 `skill`，旨在解決開發過程中常見的 React 程式碼品質問題。該工具底層整合了「React Doctor」，能針對狀態管理、副作用（effects）、效能、架構、安全性及無障礙設計進行確定性的程式碼掃描。Aiden Bai 指出，搭配 GPT-5.6 Sol 或 Fable 5 模型使用時，效果尤為顯著。

**安裝與使用步驟**
若要將此 `skill` 加入開發環境，請在終端機執行以下指令：

```bash
npx skills add https://github.com/aidenybai/react-doctor --skill improve-react
```

此外，React Doctor 本身也提供多種整合方式：
1. 快速審計：於專案根目錄執行 `npx react-doctor@latest`。
2. Agent 整合：執行 `npx react-doctor@latest install`，即可讓 Claude Code、Cursor、Codex 或 OpenCode 等 Agent 學習並修復問題。
3. CI 整合：執行 `npx react-doctor@latest ci install`，即可在每次 Pull Request 時自動掃描並回饋報告。

**技術背景與觀察**
React Doctor 透過確定性的診斷機制，能有效識別專案中的潛在缺陷。在實際操作展示中，透過 `improve-react` 指令，系統能自動處理包含 `useEffect` 依賴缺失或未進行 memoization 等問題。該工具亦支援輸出 JSON 格式報告（`schemaVersion: 3`），方便開發者進行後續的資料分析與整合。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1784010690794-qmffs5hk.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/897fa5e08290619f.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> improve-react skill 展示了自動修復 React 專案程式碼錯誤並將評分提升至滿分的過程。

**隱私與配置**
該工具預設會回報崩潰資訊、執行軌跡及匿名使用數據至 Sentry。若使用者希望停用此功能，可在執行時加入 `--no-telemetry` 旗標。此外，開發者可透過專案中的 `doctor.config.ts` 檔案，自訂掃描規則與執行參數。

## 媒體內容

**improve-react skill 展示了自動修復 React 專案程式碼錯誤並將評分提升至滿分的過程。**

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

Prompt（00:01）：

```
/improve-react
```

操作步驟：

1. （00:01）輸入指令並執行 /improve-react
2. （00:02）系統開始自動修復程式碼錯誤
3. （00:06）顯示評分從 28 分提升至 100 分

## 標籤

Skills, Agent, 開源專案, React, React, OpenAI