developer-growth-analysis by composiohq/awesome-claude-skills
npx skills add https://github.com/composiohq/awesome-claude-skills --skill developer-growth-analysis此技能通过分析您近期的 Claude Code 聊天互动,识别出能揭示您优势和成长领域的模式,从而为您近期的编码工作提供个性化反馈。
当您希望达成以下目标时,请使用此技能:
此技能非常适合那些希望获得关于自身成长的结构化反馈,而不必等待代码审查,并且偏好从自身工作历史中获取数据驱动见解的开发者。
此技能对您的开发工作执行六步分析:
请 Claude 分析您近期的编码工作:
Analyze my developer growth from my recent chats
或者更具体地指定时间段:
Analyze my work from today and suggest areas for improvement
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
该技能将生成一份格式化的报告,内容包括:
当用户请求分析其近期工作中的开发者成长或编码模式时:
访问聊天历史
从 ~/.claude/history.jsonl 读取聊天历史。该文件为 JSONL 格式,每行包含:
display:用户的消息/请求project:正在处理的项目timestamp:Unix 时间戳(毫秒)pastedContents:任何粘贴的代码或内容根据当前时间戳筛选过去 24-48 小时的条目。
分析工作模式
从筛选出的聊天记录中提取并分析以下内容:
识别改进领域
基于分析,识别出 3-5 个用户可以改进的具体领域。这些领域应具备以下特点:
良好改进领域的示例:
生成报告
创建一份结构如下的全面报告:
# 您的开发者成长报告
**报告周期**:[昨天 / 今天 / [自定义日期范围]]
**最后更新**:[当前日期和时间]
## 工作摘要
[2-3 段文字,总结用户处理的工作、涉及的项目、使用的技术以及总体关注领域]
示例:
“在过去 24 小时内,您主要专注于后端开发,涉及三个不同的项目。您的工作涉及 TypeScript、React 和部署基础设施。您处理了功能实现、调试和架构决策的混合任务,特别关注 API 设计和数据库优化。”
## 改进领域(按优先级排序)
### 1. [领域名称]
**为何重要**:[解释此技能对用户工作的重要性]
**我的观察**:[来自聊天历史的具体证据,显示此短板]
**建议**:[在此领域改进的具体步骤]
**技能提升所需时间**:[所需努力的简要估计]
---
[为 2-4 个其他领域重复此结构]
## 观察到的优势
[2-3 个要点,突出您做得好的方面 - 值得继续坚持的做法]
## 行动项
优先级顺序:
1. [来自最高优先级改进领域的行动项]
2. [来自下一个领域的行动项]
3. [来自下一个领域的行动项]
## 学习资源
[将在下一步填充]
搜索学习资源
使用 Rube MCP 搜索 HackerNews 上关于每个改进领域的文章:
将此部分添加到报告中:
## 精选学习资源
### 针对:[改进领域]
1. **[文章标题]** - [日期]
[描述其涵盖内容以及为何与您的改进领域相关]
[链接]
2. **[文章标题]** - [日期]
[描述]
[链接]
[为其他改进领域重复]
呈现完整报告
以清晰、易读的格式交付报告,使用户能够:
将报告发送到 Slack 私信
使用 Rube MCP 将完整报告发送到用户自己的 Slack 私信:
这确保用户可以在他们经常查看的地方获取报告,并在一周内随时参考。
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 是您工作的核心,但利用其高级功能(泛型、实用类型、条件类型、类型守卫)可以显著提高代码可靠性并减少运行时错误。更好的类型安全可以在编译时而非生产环境中捕获错误。
**我的观察**:在您近期的聊天中,您在处理连接数据结构时,几次在正确键入身份验证配置方面遇到了困难。您还不得不迭代处理不同连接状态的联合类型。有机会更有效地使用可辨识联合和类型守卫。
**建议**:学习 TypeScript 的高级类型系统,特别是实用类型(Omit、Pick、Record)、条件类型和可辨识联合。将这些模式应用到您的连接配置处理和身份验证状态管理中。
**技能提升所需时间**:5-8 小时的专注学习和实践
### 2. UI 中的安全数据处理和信息隐藏
**为何重要**:您发现并修复了一个安全问题,即敏感的连接数据显示在您的控制台中。防止信息泄露对于处理用户凭据和 API 密钥的应用程序至关重要。此处的良好实践可以防止安全事件和用户信任的破坏。
**我的观察**:您发现您的“您的应用”页面显示了完整的连接数据,包括身份验证配置。这表明您具有良好的安全直觉,下一步是将此纳入处理敏感信息时的默认思维中。
**建议**:回顾前端应用程序处理敏感数据的安全最佳实践。创建可重用的模式,用于在显示前过滤/屏蔽敏感信息。考虑实现一个安全数据层,明确列出可以在 UI 中显示的内容。
**技能提升所需时间**:3-4 小时
### 3. 组件架构与响应式 UI 模式
**为何重要**:您正在设计需要跨不同屏幕尺寸和用户交互工作的 UI。强大的组件架构使得构建复杂的 UI 更容易且无错误,并提高了可维护性。
**我的观察**:您处理了“市场”UI(原“浏览工具”),根据设计图重新创建了它。您还发现并修复了内容溢出容器导致的滚动问题。有机会加强您对布局约束和响应式设计模式的理解。
**建议**:学习 React 组件组合模式和 CSS 布局最佳实践(特别是 flexbox 和 grid)。关注容器查询和防止溢出问题的响应式模式。研究组件组合库和设计系统方法。
**技能提升所需时间**:6-10 小时(取决于深度)
## 观察到的优势
- **安全意识**:您主动识别数据泄露问题,防患于未然
- **迭代优化**:您有条不紊地处理 UI 需求,提出澄清问题并改进设计
- **全栈能力**:您能自如地处理后端 API、前端 UI 和部署问题
- **问题解决方法**:您将复杂任务分解为可管理的步骤
## 行动项
优先级顺序:
1. 花 1-2 小时学习 TypeScript 实用类型和可辨识联合;应用到您的连接数据结构中
2. 为您的项目记录安全模式(哪些数据可以安全显示,过滤/屏蔽函数)
3. 学习一篇关于高级 React 模式的文章,并将一种模式应用到您当前的 UI 工作中
4. 为未来的 PR 设置一个专注于类型安全和数据安全的代码审查清单
## 精选学习资源
### 针对:高级 TypeScript 模式
1. **TypeScript's Advanced Types: Generics, Utility Types, and Conditional Types** - HackerNews, 2024年10月
深入探讨 TypeScript 的类型系统,包含实际示例和真实应用。涵盖可辨识联合、类型守卫以及确保复杂应用程序编译时安全的模式。
[链接到讨论]
2. **Building Type-Safe APIs in TypeScript** - HackerNews, 2024年9月
使用 TypeScript 设计能及早捕获错误的 API 的实用指南。与您的连接配置工作特别相关。
[链接到讨论]
### 针对:前端安全数据处理
1. **Preventing Information Leakage in Web Applications** - HackerNews, 2024年8月
前端应用程序数据安全的全面指南,包括过滤敏感信息、安全日志记录和审计跟踪。
[链接到讨论]
2. **OAuth and API Key Management Best Practices** - HackerNews, 2024年7月
如何在应用程序中安全地处理身份验证令牌和 API 密钥,并提供不同框架的示例。
[链接到讨论]
### 针对:组件架构与响应式设计
1. **Advanced React Patterns: Composition Over Configuration** - HackerNews
探索可扩展的组件组合策略,使用现代 React 模式的示例。
[链接到讨论]
2. **CSS Layout Mastery: Flexbox, Grid, and Container Queries** - HackerNews, 2024年10月
学习防止溢出问题并适用于所有屏幕尺寸的响应式设计模式。
[链接到讨论]
此技能:
每周安装次数
645
代码仓库
GitHub 星标数
42.3K
首次出现
2026年1月20日
安全审计
安装于
opencode548
gemini-cli503
claude-code482
cursor481
codex480
github-copilot424
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 six-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, and specific recommendations for growth.
Finds Learning Resources : Uses HackerNews to curate high-quality articles and discussions directly relevant to your improvement areas, providing you with a reading list tailored to your actual development work.
Sends to Your Slack DMs : Automatically delivers the complete report to your own Slack direct messages so you can reference it anytime, anywhere.
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:
Read the chat history from ~/.claude/history.jsonl. This file is a JSONL format where each line contains:
* `display`: The user's message/request
* `project`: The project being worked on
* `timestamp`: Unix timestamp (in milliseconds)
* `pastedContents`: Any code or content pasted
Filter for entries from the past 24-48 hours based on the current timestamp.
Extract and analyze the following from the filtered chats:
* **Projects and Domains** : What types of projects was the user working on? (e.g., backend, frontend, DevOps, data, etc.)
* **Technologies Used** : What languages, frameworks, and tools appear in the conversations?
* **Problem Types** : What categories of problems are being solved? (e.g., performance optimization, debugging, feature implementation, refactoring, setup/configuration)
* **Challenges Encountered** : What problems did the user struggle with? Look for:
* Repeated questions about similar topics
* Problems that took multiple attempts to solve
* Questions indicating knowledge gaps
* Complex architectural decisions
* **Approach Patterns** : How does the user solve problems? (e.g., methodical, exploratory, experimental)
3. Identify Improvement Areas
Based on the analysis, identify 3-5 specific areas where the user could improve. These should be:
* **Specific** (not vague like "improve coding skills")
* **Evidence-based** (grounded in actual chat history)
* **Actionable** (practical improvements that can be made)
* **Prioritized** (most impactful first)
Examples of good improvement areas:
* "Advanced TypeScript patterns (generics, utility types, type guards) - you struggled with type safety in [specific project]"
* "Error handling and validation - I noticed you patched several bugs related to missing null checks"
* "Async/await patterns - your recent work shows some race conditions and timing issues"
* "Database query optimization - you rewrote the same query multiple times"
4. 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]
---
[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. Search for Learning Resources
Use Rube MCP to search HackerNews for articles related to each improvement area:
* For each improvement area, construct a search query targeting high-quality resources
* Search HackerNews using RUBE_SEARCH_TOOLS with queries like:
* "Learn [Technology/Pattern] best practices"
* "[Technology] advanced patterns and techniques"
* "Debugging [specific problem type] in [language]"
* Prioritize posts with high engagement (comments, upvotes)
* For each area, include 2-3 most relevant articles with:
* Article title
* Publication date
* Brief description of why it's relevant
* Link to the article
Add this section to the report:
## 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. Present the Complete Report
Deliver the report in a clean, readable format that the user can:
* Quickly scan for key takeaways
* Use for focused learning planning
* Reference over the next week as they work on improvements
* Share with mentors if they want external feedback
7. Send Report to Slack DMs
Use Rube MCP to send the complete report to the user's own Slack DMs:
* Check if Slack connection is active via RUBE_SEARCH_TOOLS
* If not connected, use RUBE_MANAGE_CONNECTIONS to initiate Slack auth
* Use RUBE_MULTI_EXECUTE_TOOL to send the report as a formatted message:
* Send the report title and period as the first message
* Break the report into logical sections (Summary, Improvements, Strengths, Actions, Resources)
* Format each section as a well-structured Slack message with proper markdown
* Include clickable links for the learning resources
* Confirm delivery in the CLI output
This ensures the user has the report in a place they check regularly and can reference it throughout the week.
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]
This skill:
Weekly Installs
645
Repository
GitHub Stars
42.3K
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykFail
Installed on
opencode548
gemini-cli503
claude-code482
cursor481
codex480
github-copilot424
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
103,800 周安装