建立自己的技能包

把喜愛的技能整理成可重複使用的收藏集,再用一條命令安裝。

建立技能包
4997 技能
📦

python-sandbox

中風險 50

在 Python 沙箱中分析資料

由 CK991357

複雜的分析任務通常需要程式碼、圖表和產生的檔案。此技能會引導 Claude、Codex 和 Claude Code 完成沙箱化的 Python 工作流程。

Claude Codex Code(CC)
安裝
📦

glm4v-analyze-image

中風險 73

使用 GLM-4V 分析影像

由 CK991357

團隊需要快速的視覺理解能力,而不必每次都撰寫自訂多模態提示。此技能為 Claude、Codex 和 Claude Code 提供清楚的 GLM-4V 影像分析工作流程,適用於描述、提問、OCR 和細節擷取。

Claude Codex Code(CC)
安裝
📦

firecrawl

中風險 72

使用 Firecrawl 擷取網頁資料

由 CK991357

網頁研究通常需要乾淨的頁面內容、搜尋結果,以及從多個 URL 進行結構化擷取。此 skill 會引導 Claude、Codex 和 Claude Code 使用正確的巢狀參數呼叫 Firecrawl 模式。

Claude Codex Code(CC)
安裝
📦

crawl4ai

中風險 71

使用 Crawl4AI 擷取網頁資料

由 CK991357

網頁研究通常需要從多個 URL 取得乾淨的頁面文字、螢幕截圖、PDF 和結構化欄位。此技能會引導 Claude、Codex 和 Claude Code 使用 Crawl4AI 模式,並採用安全的參數結構。

Claude Codex Code(CC)
安裝
📦

web-styling

低風險 78

使用 Tailwind 為 React 介面設定樣式

由 CJHarmath

React 團隊需要能跨元件與斷點運作的一致樣式模式。此技能為 Claude、Codex 和 Claude Code 提供 Tailwind CSS、CSS Modules、主題、變體與版面配置的實用指引。

Claude Codex Code(CC)
安裝
📦

web-navigation

低風險 78

實作 React 網頁導覽

由 CJHarmath

現代 React 應用程式需要可預測的路由、深層連結與導覽狀態。此 skill 提供實用的 React Router 與 Next.js 模式,用於常見的網頁導覽任務。

Claude Codex Code(CC)
安裝
📦

web-build-deploy

中風險 50

使用 CI/CD 部署 React 應用程式

由 CJHarmath

React 部署經常失敗,因為建置設定、環境變數和託管目標會因平台而異。此技能提供 Vercel、Netlify、Docker、GitHub Actions 和生產環境檢查的實用模式。

Claude Codex Code(CC)
安裝
📦

web-auth

中風險 50

實作 React 驗證模式

由 CJHarmath

React 驗證很難在用戶端、路由、提供者與後端之間安全地組合起來。這項技能為 Claude、Codex 和 Claude Code 提供常見 Web 驗證流程的實用模式。

Claude Codex Code(CC)
安裝
📦

react-zustand-patterns

安全 80

建立可靠的 Zustand 狀態模式

由 CJHarmath

React 狀態錯誤通常來自過期閉包、批次渲染和非同步時序。此技能會指引 Zustand store 設計、除錯、測試、持久化和遷移決策。

Claude Codex Code(CC)
安裝
📦

react-testing

安全 79

可靠地測試 React 元件

由 CJHarmath

React 測試經常失敗,是因為 async state、providers、mocks 和 store cleanup 的處理方式不一致。此技能提供實用的 Jest 與 React Testing Library 模式,用於建立穩定、以行為為中心的測試。

Claude Codex Code(CC)
安裝
📦

react-state-flows

低風險 78

建構可靠的 React 狀態流程

由 CJHarmath

複雜的 React 流程經常失敗,原因是狀態變更、非同步步驟與錯誤處理分散在不同位置。此技能可協助團隊建立明確的轉換模型、驗證每個步驟,並測試完整的使用者流程。

Claude Codex Code(CC)
安裝
📦

react-performance

低風險 78

最佳化 React 應用程式效能

由 CJHarmath

React 應用程式經常因不必要的渲染、大型清單和耗費資源的 UI 工作而變慢。這項技能會引導 Claude、Codex 和 Claude Code 進行聚焦的 React 效能修正。

Claude Codex Code(CC)
安裝
📦

react-observability

中風險 72

新增 React 可觀測性模式

由 CJHarmath

當日誌和錯誤缺少脈絡時,React 失敗很難診斷。此 skill 提供結構化記錄、遮蔽、追蹤和正式環境錯誤擷取的實用模式。

Claude Codex Code(CC)
安裝
📦

react-async-patterns

低風險 77

修復 React 非同步錯誤

由 CJHarmath

React 非同步錯誤通常會隱藏到狀態更新發生競爭,或 effect 的生命週期超出元件時才出現。此 skill 為 Claude、Codex 和 Claude Code 提供 async await、Zustand 與 React effects 的實用審查模式。

Claude Codex Code(CC)
安裝
📦

py-testing-async

低風險 77

可靠地測試 Python 非同步程式碼

由 CJHarmath

非同步 Python 測試經常失敗,因為 fixtures、事件迴圈、mocks 和資料庫交易需要特殊處理。此 skill 提供實用的 pytest-asyncio 模式,用於可靠測試非同步服務、API 和資料庫。

Claude Codex Code(CC)
安裝
📦

py-sqlmodel-patterns

低風險 77

建立可靠的 SQLModel 資料庫模式

由 CJHarmath

async ORM 程式碼常因 lazy loading、不清楚的結構描述,以及 session 狀態錯誤而失敗。這項 skill 為 Claude、Codex 和 Claude Code 提供實用的 SQLModel 模式,讓資料庫工作更安全。

Claude Codex Code(CC)
安裝
📦

py-pydantic-patterns

安全 80

正確建構 Pydantic v2 模型

由 CJHarmath

Pydantic v1 模式可能會在現代 Python 專案中造成驗證、序列化和 API 回應錯誤。此技能為 Claude、Codex 和 Claude Code 提供精簡的 Pydantic v2 模式,以實現更安全的模型設計。

Claude Codex Code(CC)
安裝
📦

py-observability

低風險 77

新增 Python 可觀測性

由 CJHarmath

當日誌、指標與追蹤不一致時,Python 服務會變得難以營運。此技能為 Claude、Codex 和 Claude Code 提供可用於生產環境可觀測性的實務模式。

Claude Codex Code(CC)
安裝
📦

software-architecture

低風險 74

清楚記錄軟體架構

由 Chemiseblanc

架構文件經常落後於程式碼變更,並變得難以信任。此技能提供結構化 Markdown 範本與 Mermaid 圖表指引,用於建立最新且易於瀏覽的系統文件。

Claude Codex Code(CC)
安裝
📦

git-commit

低風險 79

將 Git 變更整理成原子提交

由 Chemiseblanc

混雜的變更會讓審查與回復更加困難。此技能會引導 Claude、Codex 和 Claude Code 從單一 worktree 中暫存聚焦的提交。

Claude Codex Code(CC)
安裝