Safe Action Hooks
next-safe-action/skills/skills/safe-action-hooks作者 next-safe-actiona2605bd2e84321245cba8f5718c144a6e4a5fa47無授權條款收錄於 2026年10月9日更新於 2026年10月9日
Use when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as drag-to-reorder, Kanban boards, overlapping saves, accumulating changes, and shared pending-change lists
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| optimistic-updates.md | 3.5 KB | text/markdown |
| SKILL.md | 11.1 KB | text/markdown |
| status-callbacks.md | 5.9 KB | text/markdown |
| throw-on-navigation.md | 4.5 KB | text/markdown |
| use-action.md | 5.2 KB | text/markdown |
| use-optimistic-state-action.md | 21.9 KB | text/markdown |
| use-state-action.md | 9.2 KB | text/markdown |
來源與署名
來源：next-safe-action/skills位於skills/safe-action-hooks提交a2605bd
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 next-safe-action/skills 的技能
Safe Action Validation Errors
next-safe-action
說明 next-safe-action 的驗證錯誤結構與輔助函式，用來回傳並顯示欄位層級與表單層級的錯誤。
Safe Action Middleware
next-safe-action
指導實作 next-safe-action 中介軟體，涵蓋驗證、記錄、限流、錯誤處理與內容延伸。
Safe Action Testing
next-safe-action
用於測試 next-safe-action 伺服器動作、中介層、鉤子、驗證錯誤與伺服器錯誤的 Vitest 模式。
Safe Action Client
next-safe-action
指導建立與設定 next-safe-action 用戶端與動作，包含驗證和錯誤處理。
Safe Action Forms
next-safe-action
指導如何將 next-safe-action 與 React 表單整合，包括原生表單、react-hook-form 轉接器與檔案上傳。
Safe Action Better Auth
next-safe-action
為 next-safe-action 伺服器動作加入 Better Auth 工作階段驗證與授權中介軟體。
更多Software Development技能
Playground
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。