developer-growth-analysis

開発者としての成長分析

このスキルは、Claude Code との最近のチャットでのやり取りを分析し、強みや成長の余地を示すパターンを特定することで、あなたの最近のコーディング作業に対する個別のフィードバックを提供します。

このスキルを使うタイミング

次のような場合に、このスキルを使ってください。

• 最近の作業から、自分の開発パターンや習慣を理解したい
• 具体的な技術的な不足や、繰り返し直面する課題を特定したい
• より深く学ぶと役立つトピックを見つけたい
• 実際の作業パターンに合わせた学習リソースを厳選してもらいたい
• 最近のプロジェクトを通じて、改善すべき点を追跡したい
• 身につけようとしているスキルに直接役立つ、質の高い記事を見つけたい

このスキルは、コードレビューを待たずに体系的なフィードバックを得たい開発者や、自分自身の作業履歴からデータに基づく洞察を得たい開発者に最適です。

このスキルでできること

このスキルでは、開発作業を6つのステップで分析します。

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. レポートを生成する

   次の構造で包括的なレポートを作成します:

   # Your Developer Growth Report
   
   **Report Period**: [Yesterday / Today / [Custom Date Range]]
   **Last Updated**: [Current Date and Time]
   
   ## Work Summary
   
   [2-3 paragraphs summarizing what the user worked on, projects touched, technologies used, and overall focus areas]
   
   Example:
   "Over the past 24 hours, you focused primarily on backend development with three distinct projects. Your work involved TypeScript, React, and deployment infrastructure. You tackled a mix of feature implementation, debugging, and architectural decisions, with a particular focus on API design and database optimization."
   
   ## Improvement Areas (Prioritized)
   
   ### 1. [Area Name]
   
   **Why This Matters**: [Explanation of why this skill is important for the user's work]
   
   **What I Observed**: [Specific evidence from chat history showing this gap]
   
   **Recommendation**: [Concrete step(s) to improve in this area]
   
   **Time to Skill Up**: [Brief estimate of effort required]
   
   ---
   
   [Repeat for 2-4 additional areas]
   
   ## Strengths Observed
   
   [2-3 bullet points highlighting things you're doing well - things to continue doing]
   
   ## Action Items
   
   Priority order:
   1. [Action item derived from highest priority improvement area]
   2. [Action item from next area]
   3. [Action item from next area]
   
   ## Learning Resources
   
   [Will be populated in next step]
   

5. 学習リソースを検索する

   Rube MCP を使用して、各改善領域に関連する記事を HackerNews で検索します:

   • 各改善領域について、高品質なリソースを対象とした検索クエリを構築します
   • RUBE_SEARCH_TOOLS を使用して、次のようなクエリで HackerNews を検索します:
     • 「[技術/パターン] のベストプラクティスを学ぶ」
     • 「[技術] の高度なパターンとテクニック」
     • 「[言語] で [特定の問題タイプ] をデバッグする」
   • エンゲージメントの高い投稿 (コメント、アップボート) を優先します
   • 各領域について、最も関連性の高い記事を 2～3 件、次の情報とともに含めます:
     • 記事のタイトル
     • 公開日
     • なぜ関連性があるのかの簡単な説明
     • 記事へのリンク

   このセクションをレポートに追加します:

   ## Curated Learning Resources
   
   ### For: [Improvement Area]
   
   1. **[Article Title]** - [Date]
      [Description of what it covers and why it's relevant to your improvement area]
      [Link]
   
   2. **[Article Title]** - [Date]
      [Description]
      [Link]
   
   [Repeat for other improvement areas]
   

6. 完全なレポートを提示する

   ユーザーが次のことができる、クリーンで読みやすい形式でレポートを提供します:

   • 重要なポイントをすばやく確認する
   • 集中的な学習計画に使用する
   • 改善に取り組む際に、次の 1 週間にわたって参照する
   • 外部からのフィードバックを希望する場合は、メンターと共有する

7. レポートを Slack DM に送信する

   Rube MCP を使用して、完全なレポートをユーザー自身の Slack DM に送信します:

   • RUBE_SEARCH_TOOLS で Slack 接続がアクティブかどうかを確認します
   • 接続されていない場合は、RUBE_MANAGE_CONNECTIONS を使用して Slack 認証を開始します
   • RUBE_MULTI_EXECUTE_TOOL を使用して、レポートを整形されたメッセージとして送信します:
     • 最初のメッセージとしてレポートのタイトルと期間を送信します
     • レポートを論理的なセクション (概要、改善点、強み、アクション、リソース) に分割します
     • 各セクションを、適切な markdown を使用した構造化された Slack メッセージとして整形します
     • 学習リソースへのクリック可能なリンクを含めます
   • CLI 出力で配信を確認します

   これにより、ユーザーは定期的に確認する場所にレポートが置かれ、週を通じて参照できるようになります。

使用例

入力

Analyze my developer growth from my recent chats

出力

# Your Developer Growth Report

**Report Period**: November 9-10, 2024
**Last Updated**: November 10, 2024, 9:15 PM UTC

## Work Summary

Over the past two days, you focused on backend infrastructure and API development. Your primary project was an open-source showcase application, where you made significant progress on connections management, UI improvements, and deployment configuration. You worked with TypeScript, React, and Node.js, tackling challenges ranging from data security to responsive design. Your work shows a balance between implementing features and addressing technical debt.

## Improvement Areas (Prioritized)

### 1. Advanced TypeScript Patterns and Type Safety

**Why This Matters**: TypeScript is central to your work, but leveraging its advanced features (generics, utility types, conditional types, type guards) can significantly improve code reliability and reduce runtime errors. Better type safety catches bugs at compile time rather than in production.

**What I Observed**: In your recent chats, you were working with connection data structures and struggled a few times with typing auth configurations properly. You also had to iterate on union types for different connection states. There's an opportunity to use discriminated unions and type guards more effectively.

**Recommendation**: Study TypeScript's advanced type system, particularly utility types (Omit, Pick, Record), conditional types, and discriminated unions. Apply these patterns to your connection configuration handling and auth state management.

**Time to Skill Up**: 5-8 hours of focused learning and practice

### 2. Secure Data Handling and Information Hiding in UI

**Why This Matters**: You identified and fixed a security concern where sensitive connection data was being displayed in your console. Preventing information leakage is critical for applications handling user credentials and API keys. Good practices here prevent security incidents and user trust violations.

**What I Observed**: You caught that your "Your Apps" page was showing full connection data including auth configs. This shows good security instincts, and the next step is building this into your default thinking when handling sensitive information.

**Recommendation**: Review security best practices for handling sensitive data in frontend applications. Create reusable patterns for filtering/masking sensitive information before displaying it. Consider implementing a secure data layer that explicitly whitelist what can be shown in the UI.

**Time to Skill Up**: 3-4 hours

### 3. Component Architecture and Responsive UI Patterns

**Why This Matters**: You're designing UIs that need to work across different screen sizes and user interactions. Strong component architecture makes it easier to build complex UIs without bugs and improves maintainability.

**What I Observed**: You worked on the "Marketplace" UI (formerly Browse Tools), recreating it from a design image. You also identified and fixed scrolling issues where content was overflowing containers. There's an opportunity to strengthen your understanding of layout containment and responsive design patterns.

**Recommendation**: Study React component composition patterns and CSS layout best practices (especially flexbox and grid). Focus on container queries and responsive patterns that prevent overflow issues. Look into component composition libraries and design system approaches.

**Time to Skill Up**: 6-10 hours (depending on depth)

## Strengths Observed

- **Security Awareness**: You proactively identified data leakage issues before they became problems
- **Iterative Refinement**: You worked through UI requirements methodically, asking clarifying questions and improving designs
- **Full-Stack Capability**: You comfortably work across backend APIs, frontend UI, and deployment concerns
- **Problem-Solving Approach**: You break down complex tasks into manageable steps

## Action Items

Priority order:
1. Spend 1-2 hours learning TypeScript utility types and discriminated unions; apply to your connection data structures
2. Document security patterns for your project (what data is safe to display, filtering/masking functions)
3. Study one article on advanced React patterns and apply one pattern to your current UI work
4. Set up a code review checklist focused on type safety and data security for future PRs

## Curated Learning Resources

### For: Advanced TypeScript Patterns

1. **TypeScript's Advanced Types: Generics, Utility Types, and Conditional Types** - HackerNews, October 2024
   Deep dive into TypeScript's type system with practical examples and real-world applications. Covers discriminated unions, type guards, and patterns for ensuring compile-time safety in complex applications.
   [Link to discussion]

2. **Building Type-Safe APIs in TypeScript** - HackerNews, September 2024
   Practical guide to designing APIs with TypeScript that catch errors early. Particularly relevant for your connection configuration work.
   [Link to discussion]

### For: Secure Data Handling in Frontend

1. **Preventing Information Leakage in Web Applications** - HackerNews, August 2024
   Comprehensive guide to data security in frontend applications, including filtering sensitive information, secure logging, and audit trails.
   [Link to discussion]

2. **OAuth and API Key Management Best Practices** - HackerNews, July 2024
   How to safely handle authentication tokens and API keys in applications, with examples for different frameworks.
   [Link to discussion]

### For: Component Architecture and Responsive Design

1. **Advanced React Patterns: Composition Over Configuration** - HackerNews
   Explores component composition strategies that scale, with examples using modern React patterns.
   [Link to discussion]

2. **CSS Layout Mastery: Flexbox, Grid, and Container Queries** - HackerNews, October 2024
   Learn responsive design patterns that prevent overflow issues and work across all screen sizes.
   [Link to discussion]

ヒントとベストプラクティス

• この分析を週に 1 回実行して、時間の経過に伴う改善の軌跡を追跡します
• 一度に 1 つの改善領域を選び、次に進む前に数日間それに集中します
• 学習リソースを学習ガイドとして使用します。推奨された教材に取り組み、パターンを適用する練習をします
• 1 週間ある領域に集中した後にこのレポートを再確認して、作業パターンがどのように変化したかを確認します
• 学習リソースは、一般的なトピックではなく、あなたの実際の作業に合わせて意図的に厳選されているため、あなたが構築しているものに非常に関連性が高くなります

精度と品質がどのように維持されるか

このスキルは:

• タイムスタンプ付きのチャット履歴から、あなたの実際の作業パターンを分析します
• 実際のプロジェクトに基づいた、証拠に基づく推奨事項を生成します
• 特定されたギャップに直接対処する学習リソースを厳選します
• 曖昧なフィードバックではなく、実行可能な改善に焦点を当てます
• 複雑さに基づいて具体的な時間の見積もりを提供します
• 開発速度に最も大きな影響を与える領域を優先します