ai-meta/developer-growth-analysis/SKILL.md
Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, generating a personalized growth report with actionable recommendations.
npx skillsauth add Jst-Well-Dan/Skill-Box developer-growth-analysisInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill provides personalized feedback on your recent coding work by analyzing your Claude Code chat interactions and identifying patterns that reveal strengths and areas for growth.
Use this skill when you want to:
This skill is ideal for developers who want structured feedback on their growth without waiting for code reviews, and who prefer data-driven insights from their own work history.
This skill performs a four-step analysis of your development work:
Reads Your Chat History: Accesses your local Claude Code chat history from the past 24-48 hours to understand what you've been working on.
Identifies Development Patterns: Analyzes the types of problems you're solving, technologies you're using, challenges you encounter, and how you approach different kinds of tasks.
Detects Improvement Areas: Recognizes patterns that suggest skill gaps, repeated struggles, inefficient approaches, or areas where you might benefit from deeper knowledge.
Generates a Personalized Report: Creates a comprehensive report showing your work summary, identified improvement areas, specific recommendations for growth, and prioritized action items.
Ask Claude to analyze your recent coding work:
Analyze my developer growth from my recent chats
Or be more specific about which time period:
Analyze my work from today and suggest areas for improvement
The skill will generate a formatted report with:
When a user requests analysis of their developer growth or coding patterns from recent work:
Access Chat History
Read the chat history from ~/.claude/history.jsonl. This file is a JSONL format where each line contains:
display: The user's message/requestproject: The project being worked ontimestamp: Unix timestamp (in milliseconds)pastedContents: Any code or content pastedFilter for entries from the past 24-48 hours based on the current timestamp.
Analyze Work Patterns
Extract and analyze the following from the filtered chats:
Identify Improvement Areas
Based on the analysis, identify 3-5 specific areas where the user could improve. These should be:
Examples of good improvement areas:
Generate Report
Create a comprehensive report with this structure:
# 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]
**Search Keywords**: [Suggested search terms for finding learning resources]
---
[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]
## Recommended Learning Focus
Based on your improvement areas, here are search keywords you can use to find relevant resources:
- [Improvement Area 1]: "[search terms]"
- [Improvement Area 2]: "[search terms]"
- [Improvement Area 3]: "[search terms]"
These terms can be used in HackerNews, dev.to, Medium, or your preferred learning platforms.
Present the Complete Report
Deliver the report in a clean, readable format that the user can:
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
**Search Keywords**: "TypeScript discriminated unions", "TypeScript utility types advanced", "type guards TypeScript best practices"
### 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
**Search Keywords**: "frontend security sensitive data handling", "preventing information leakage web apps", "secure credential management frontend"
### 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)
**Search Keywords**: "React component composition patterns", "CSS flexbox grid responsive design", "preventing overflow CSS container queries"
## 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
## Recommended Learning Focus
Based on your improvement areas, here are search keywords you can use to find relevant resources:
- **Advanced TypeScript**: "TypeScript discriminated unions tutorial", "utility types deep dive", "type guards best practices"
- **Security**: "frontend security checklist", "secure data handling React", "OWASP frontend security"
- **Component Architecture**: "React composition patterns 2024", "advanced CSS layout techniques", "design system architecture"
These terms can be used in HackerNews, dev.to, Medium, or your preferred learning platforms.
This skill:
tools
Extract frames or short clips from videos using ffmpeg.
tools
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
tools
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
development
Best practices for Remotion - Video creation in React