AI Skills
developer-growth-analysis

developer-growth-analysis

熱門

分析你最近的 Claude Code 聊天記錄，找出編碼模式、開發缺口與可改進之處，從 HackerNews 整理相關學習資源，並自動將個人化成長報告傳送到你的 Slack 私訊。

6.9萬星標
7853分支
更新於 2026/5/22
獲取技能源代碼

相關技能

source-driven-development7.8萬design-system11萬frontend-code-review15萬
SKILL.md
readonlyread-only
name
developer-growth-analysis
description

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

開發者成長分析

此技能透過分析你的 Claude Code 聊天互動，找出能反映優勢與成長空間的模式，提供個人化的近期編碼工作回饋。

何時使用此技能

當你想要以下功能時，可以使用此技能：

  • 了解近期工作中的開發模式與習慣
  • 找出特定的技術缺口或反覆出現的挑戰
  • 發現哪些主題值得深入學習
  • 取得根據實際工作模式量身打造的學習資源
  • 追蹤近期專案中的改進領域
  • 找到直接對應你正在培養技能的高品質文章

此技能非常適合希望獲得結構化成長回饋、不想等待程式碼審查，且偏好根據自身工作歷程取得數據驅動洞察的開發者。

此技能的功能

此技能會對你的開發工作進行六步驟分析：

  1. 讀取聊天記錄：存取你本機過去 24-48 小時的 Claude Code 聊天記錄，了解你正在處理的工作。

  2. 識別開發模式：分析你解決的問題類型、使用的技術、遇到的挑戰，以及處理不同任務的方式。

  3. 偵測改進領域：辨識出可能暗示技能缺口、反覆出現的困難、沒效率的方法，或需要更深知識的領域。

  4. 產生個人化報告：建立一份完整報告，包含工作摘要、識別出的改進領域，以及具體的成長建議。

  5. 尋找學習資源：使用 HackerNews 整理與你改進領域直接相關的高品質文章與討論，提供專為實際開發工作設計的閱讀清單。

  6. 傳送到你的 Slack 私訊：自動將完整報告傳送到你自己的 Slack 私訊，方便隨時隨地查閱。

如何使用

請 Claude 分析你近期的編碼工作：

Analyze my developer growth from my recent chats

或指定時間範圍：

Analyze my work from today and suggest areas for improvement

此技能會產生一份格式化報告，包含：

  • 近期工作概覽
  • 識別出的主要改進領域
  • 每個領域的具體建議
  • 來自 HackerNews 的整理學習資源
  • 可專注的行動項目

操作說明

當使用者要求分析近期工作的開發成長或編碼模式時：

  1. 存取聊天記錄

    讀取 ~/.claude/history.jsonl 中的聊天記錄。此檔案為 JSONL 格式，每行包含：

    • display：使用者的訊息/請求
    • project：正在處理的專案
    • timestamp：Unix 時間戳（毫秒）
    • pastedContents：貼上的任何程式碼或內容

    根據目前時間戳過濾出過去 24-48 小時的記錄。

  2. 分析工作模式

    從過濾後的聊天記錄中提取並分析以下內容：

    • 專案與領域：使用者正在處理哪些類型的專案？（例如後端、前端、DevOps、資料等）
    • 使用的技術：對話中出現哪些語言、框架和工具？
    • 問題類型：正在解決哪些類別的問題？（例如效能最佳化、除錯、功能實作、重構、設定/配置）
    • 遇到的挑戰：使用者在哪些問題上遇到困難？請尋找：
      • 關於類似主題的重複問題
      • 需要多次嘗試才能解決的問題
      • 顯示知識缺口的問題
      • 複雜的架構決策
    • 方法模式：使用者如何解決問題？（例如有條理、探索性、實驗性）

  3. 識別改進領域

    根據分析，找出 3-5 個具體的改進領域。這些領域應：

    • 具體（而非模糊的「提升編碼技能」）
    • 有證據基礎（根據實際聊天記錄）
    • 可執行（可實際進行的改進）
    • 有優先順序（影響最大的優先）

    好的改進領域範例：

    • 「進階 TypeScript 模式（泛型、工具型別、型別守衛）——你在 [特定專案] 中對型別安全感到困難」
    • 「錯誤處理與驗證——我注意到你修補了幾個與缺少 null 檢查相關的錯誤」
    • 「Async/await 模式——你近期工作顯示出一些競爭條件與時序問題」
    • 「資料庫查詢最佳化——你多次重寫了同一個查詢」

  4. 產生報告

    建立一份結構如下的完整報告：

    # 你的開發者成長報告

**報告期間**：[昨天 / 今天 / [自訂日期範圍]]
**最後更新**：[目前日期與時間]

## 工作摘要

[2-3 段摘要說明使用者做了什麼、接觸的專案、使用的技術，以及整體重點領域]

範例：
"過去 24 小時，你主要專注於後端開發，涉及三個不同的專案。你的工作包含 TypeScript、React 與部署基礎設施。你處理了功能實作、除錯與架構決策的混合任務，特別著重 API 設計與資料庫最佳化。"

## 改進領域（依優先順序）

### 1. [領域名稱]

**為何重要**：[說明此技能對使用者工作的重要性]

**觀察到的情況**：[從聊天記錄中顯示此缺口的具體證據]

**建議**：[在此領域改進的具體步驟]

**學習時間**：[所需努力的簡短估計]

---

[重複 2-4 個額外領域]

## 觀察到的優勢

[2-3 個重點條列說明你做得好的地方——應繼續保持的事項]

## 行動項目

優先順序：
1. [從最高優先改進領域衍生的行動項目]
2. [從下一個領域衍生的行動項目]
3. [從下一個領域衍生的行動項目]

## 學習資源

[將在下一步驟填入]

  5. 搜尋學習資源

    使用 Rube MCP 在 HackerNews 上搜尋與每個改進領域相關的文章：

    • 針對每個改進領域，建立搜尋查詢以尋找高品質資源
    • 使用 RUBE_SEARCH_TOOLS 搜尋 HackerNews，查詢例如：
      • "Learn [Technology/Pattern] best practices"
      • "[Technology] advanced patterns and techniques"
      • "Debugging [specific problem type] in [language]"
    • 優先選擇參與度高的文章（留言、按讚數）
    • 每個領域包含 2-3 篇最相關的文章，附上：
      • 文章標題
      • 發布日期
      • 簡短說明為何相關
      • 文章連結

    將此區塊加入報告：

    ## 整理學習資源

### 針對：[改進領域]

1. **[文章標題]** - [日期]
   [說明內容涵蓋範圍及為何與你的改進領域相關]
   [連結]

2. **[文章標題]** - [日期]
   [說明]
   [連結]

[為其他改進領域重複]

  6. 呈現完整報告

    以乾淨、易讀的格式呈現報告，讓使用者可以：

    • 快速掃描重點
    • 用於專注的學習規劃
    • 在接下來一週改進時參考
    • 若需要外部回饋，可與導師分享

  7. 傳送報告到 Slack 私訊

    使用 Rube MCP 將完整報告傳送到使用者自己的 Slack 私訊：

    • 透過 RUBE_SEARCH_TOOLS 檢查 Slack 連線是否啟用
    • 若未連線，使用 RUBE_MANAGE_CONNECTIONS 啟動 Slack 認證
    • 使用 RUBE_MULTI_EXECUTE_TOOL 將報告以格式化訊息傳送：
      • 先傳送報告標題與期間
      • 將報告分成邏輯區塊（摘要、改進、優勢、行動、資源）
      • 每個區塊以結構良好的 Slack 訊息搭配適當的 markdown 格式呈現
      • 學習資源包含可點擊的連結
    • 在 CLI 輸出中確認傳送成功

    這樣確保使用者能在經常查看的地方取得報告，並可在整週內參考。

使用範例

輸入

Analyze my developer growth from my recent chats

輸出

# 你的開發者成長報告

**報告期間**：2024 年 11 月 9-10 日
**最後更新**：2024 年 11 月 10 日，UTC 晚上 9:15

## 工作摘要

過去兩天，你專注於後端基礎設施與 API 開發。你的主要專案是一個開源展示應用程式，在連線管理、UI 改進與部署配置方面取得了顯著進展。你使用了 TypeScript、React 與 Node.js，處理了從資料安全到響應式設計的各種挑戰。你的工作顯示出功能實作與技術債務處理之間的平衡。

## 改進領域（依優先順序）

### 1. 進階 TypeScript 模式與型別安全

**為何重要**：TypeScript 是你工作的核心，但善用其進階功能（泛型、工具型別、條件型別、型別守衛）能顯著提升程式碼可靠性並減少執行時期錯誤。更好的型別安全能在編譯時期而非生產環境中捕捉錯誤。

**觀察到的情況**：在近期的聊天中，你處理連線資料結構時，幾次在正確設定 auth 型別上遇到困難。你也需要針對不同的連線狀態迭代聯合型別。有機會更有效地使用判別聯合與型別守衛。

**建議**：學習 TypeScript 的進階型別系統，特別是工具型別（Omit、Pick、Record）、條件型別與判別聯合。將這些模式應用於你的連線配置處理與 auth 狀態管理。

**學習時間**：5-8 小時的專注學習與練習

### 2. UI 中的安全資料處理與資訊隱藏

**為何重要**：你發現並修復了一個安全問題，即敏感連線資料顯示在主控台中。防止資訊外洩對於處理使用者憑證與 API 金鑰的應用程式至關重要。良好的做法能預防安全事件與使用者信任受損。

**觀察到的情況**：你發現「你的應用程式」頁面顯示了完整的連線資料，包括 auth 配置。這顯示出良好的安全直覺，下一步是將此內化為處理敏感資訊時的預設思維。

**建議**：複習前端應用程式中處理敏感資料的安全最佳做法。建立可重複使用的模式，在顯示前過濾/遮罩敏感資訊。考慮實作一個安全資料層，明確白名單哪些內容可在 UI 中顯示。

**學習時間**：3-4 小時

### 3. 元件架構與響應式 UI 模式

**為何重要**：你正在設計需要在不同螢幕尺寸與使用者互動下運作的 UI。強大的元件架構能讓建立複雜 UI 時減少錯誤，並提升可維護性。

**觀察到的情況**：你處理了「Marketplace」UI（原 Browse Tools），根據設計圖重新建立。你也發現並修復了內容溢出容器的捲動問題。有機會加強你對佈局包含與響應式設計模式的理解。

**建議**：學習 React 元件組合模式與 CSS 佈局最佳做法（特別是 flexbox 與 grid）。專注於容器查詢與能防止溢出問題的響應式模式。研究元件組合函式庫與設計系統方法。

**學習時間**：6-10 小時（視深度而定）

## 觀察到的優勢

- **安全意識**：你主動在問題發生前發現資料外洩問題
- **迭代改進**：你有條理地處理 UI 需求，提出釐清問題並改進設計
- **全端能力**：你能自如地處理後端 API、前端 UI 與部署相關問題
- **問題解決方法**：你能將複雜任務分解為可管理的步驟

## 行動項目

優先順序：
1. 花 1-2 小時學習 TypeScript 工具型別與判別聯合；應用於你的連線資料結構
2. 為你的專案記錄安全模式（哪些資料可安全顯示、過濾/遮罩函式）
3. 研讀一篇關於進階 React 模式的文章，並將一個模式應用於目前的 UI 工作
4. 為未來的 PR 建立一個專注於型別安全與資料安全的程式碼審查檢查清單

## 整理學習資源

### 針對：進階 TypeScript 模式

1. **TypeScript 的進階型別：泛型、工具型別與條件型別** - HackerNews，2024 年 10 月
   深入探討 TypeScript 型別系統，包含實用範例與真實應用。涵蓋判別聯合、型別守衛與確保複雜應用程式編譯時期安全的模式。
   [討論連結]

2. **在 TypeScript 中建立型別安全的 API** - HackerNews，2024 年 9 月
   使用 TypeScript 設計能及早捕捉錯誤的 API 實用指南。特別適用於你的連線配置工作。
   [討論連結]

### 針對：前端安全資料處理

1. **防止網頁應用程式中的資訊外洩** - HackerNews，2024 年 8 月
   前端應用程式中資料安全的全面指南，包含過濾敏感資訊、安全記錄與稽核軌跡。
   [討論連結]

2. **OAuth 與 API 金鑰管理最佳做法** - HackerNews，2024 年 7 月
   如何在應用程式中安全處理認證令牌與 API 金鑰，包含不同框架的範例。
   [討論連結]

### 針對：元件架構與響應式設計

1. **進階 React 模式：組合優於配置** - HackerNews
   探討可擴展的元件組合策略，包含使用現代 React 模式的範例。
   [討論連結]

2. **CSS 佈局精通：Flexbox、Grid 與容器查詢** - HackerNews，2024 年 10 月
   學習能防止溢出問題並適用於所有螢幕尺寸的響應式設計模式。
   [討論連結]

提示與最佳做法

  • 每週執行一次此分析，追蹤你的成長軌跡
  • 一次專注一個改進領域，持續幾天後再進入下一個
  • 將學習資源作為學習指南；實際閱讀推薦材料並練習應用模式
  • 專注於某個領域一週後，重新檢視此報告，觀察工作模式的變化
  • 學習資源是根據你的實際工作精心挑選，而非一般主題，因此與你正在建立的內容高度相關

如何維持準確性與品質

此技能：

  • 根據帶有時間戳的聊天記錄分析你的實際工作模式
  • 產生基於證據、立足於真實專案的建議
  • 整理直接針對你識別出缺口的學習資源
  • 專注於可執行的改進，而非模糊的回饋
  • 根據複雜度提供具體的時間估計
  • 優先處理對開發速度影響最大的領域