cc-skill-frontend-patterns
安全 77套用前端模式
由 sickn33
前端團隊需要可重複使用的 React 介面模式,並能維持可維護性。此技能提供元件、hooks、狀態、效能、表單、動畫和無障礙性的實用範例。
把喜愛的技能整理成可重複使用的收藏集,再用一條命令安裝。
套用前端模式
由 sickn33
前端團隊需要可重複使用的 React 介面模式,並能維持可維護性。此技能提供元件、hooks、狀態、效能、表單、動畫和無障礙性的實用範例。
審查 Claude Code 工作階段以便學習
由 sickn33
長時間的編碼工作階段通常包含難以記住的修正。此技能會加入一個 Stop hook,用於標記可重複使用的模式,供 Claude Code 審查。
跨專案套用程式碼標準
由 sickn33
不一致的程式碼模式會拖慢審查速度,並讓重構更具風險。此技能為 Claude、Codex 和 Claude Code 提供 TypeScript、React、API、測試與可維護性的清晰標準。
最佳化 ClickHouse 分析工作負載
由 sickn33
ClickHouse 專案通常需要更好的結構描述選擇、更快的查詢,以及更安全的資料攝取模式。此技能提供實用的 ClickHouse 資料表、查詢、監控與管線指引。
建構後端 API 模式
由 sickn33
後端服務需要可重複使用的模式,用於 API、資料存取、快取與營運作業。此 skill 為 Claude、Codex 和 Claude Code 提供精簡的伺服器端範例。
使用 Rube MCP 自動化 Canva 工作流程
由 sickn33
手動管理 Canva 設計、匯出、資產與資料夾會拖慢內容團隊的速度。此技能為 Claude、Codex 和 Claude Code 提供結構化的 Rube MCP 工作流程,以進行 Canva 自動化。
自動化 Calendly 排程工作流程
由 sickn33
手動管理 Calendly 會拖慢排程團隊,並產生重複性的檢查工作。此技能會使用 Rube MCP 工具,引導代理完成 Calendly 工作流程。
自動化 Cal.com 排程工作流程
由 sickn33
Cal.com 排程工作通常需要多次工具呼叫與謹慎的參數處理。此技能會引導 Claude、Codex 和 Claude Code 透過 Rube MCP 工作流程處理預訂、可用時段、webhook 和團隊。
建立 LibreOffice Calc 試算表
由 sickn33
試算表工作流程通常需要可靠的檔案轉換與可重複的資料設定。此技能會引導 Claude、Codex 和 Claude Code 完成 LibreOffice Calc 的建立、轉換、公式與自動化。
建立 C4 Context 架構文件
由 sickn33
團隊在討論較低層級的架構之前,需要清楚的系統總覽。這項技能會產出包含人物誌、旅程、依賴項與 Mermaid 圖表的 C4 context 文件。
記錄 C4 容器架構
由 sickn33
當元件、API 和部署單元分開追蹤時,容器架構文件可能變得不一致。此技能可協助 Claude、Codex 和 Claude Code 將元件整合成 C4 容器文件、圖表和 API 摘要。
建立 C4 元件文件
由 sickn33
團隊經常難以將程式碼層級的筆記轉化為清晰的 C4 元件架構。此技能會引導 Claude、Codex 和 Claude Code 將程式碼元素分組為元件、記錄介面,並建立 Mermaid 圖表。
以 C4 詳細記錄程式碼
由 sickn33
當簽章、相依性和關係分散時,程式碼目錄會很難理解。此技能透過結構化章節和圖表,引導建立 C4 程式碼層級文件。
建立 C4 架構文件
由 sickn33
隨著程式碼庫成長,架構文件通常會變得不完整。此技能會引導 Claude、Codex 或 Claude Code 完成 C4 文件化工作流程。
在 Windows 上使用 BusyBox 執行 Unix 命令
由 sickn33
Windows 使用者可能需要熟悉的 Unix 命令列工具,而不想安裝完整的 Unix 環境。這個技能說明如何下載 BusyBox for Windows,並執行其內建命令。
透過 BI 指引分析業務績效
由 sickn33
團隊經常難以將指標、儀表板和研究轉化為清楚的商業決策。此技能為 Claude、Codex 和 Claude Code 建構分析、KPI 設計、預測和建議。
使用 Burp Suite 測試 Web 應用程式
由 sickn33
如果沒有可重複的 Burp 工作流程,手動 Web 安全測試可能會很慢。這項技能會引導代理設定、請求重放、範圍控制、掃描與報告。
使用 Burp Suite 測試 Web 應用程式
由 sickn33
Web 團隊需要一套可重複的方法來檢查和測試應用程式流量。此技能會引導已授權的 Burp Suite 工作流程,涵蓋攔截、重放、掃描和發現項目審查。
更快速建置 Bun JavaScript 專案
由 sickn33
Bun 能簡化 JavaScript 和 TypeScript 工具鏈,但團隊在遷移前需要清楚的工作流程。此技能提供設定、套件、測試、打包、執行階段 API 與 Node.js 遷移的實用指引。
建置可靠的 BullMQ 佇列
由 sickn33
團隊可能會在卡住的工作、重試、排程,以及以 Redis 為後端的 worker 行為上遇到困難。此技能可協助 Claude、Codex 和 Claude Code 設計與審查 BullMQ 佇列系統。