Agent skill

learning-opportunities

Facilitates deliberate skill development during AI-assisted coding. Offers interactive learning exercises after architectural work (new files, schema changes, refactors). Use when completing features, making design decisions, or when user asks to understand code better. Triggers on "learning exercise", "help me understand", "teach me", "why does this work", or after creating new files/modules. Do NOT use for urgent debugging, quick fixes, or when user says "just ship it".

Stars 2,081
Forks 241

Install this agent skill to your Project

npx add-skill https://github.com/tech-leads-club/agent-skills/tree/main/packages/skills-catalog/skills/(learning)/learning-opportunities

Metadata

Additional technical details for this skill

version
1.1.0
modified by
Felipe Rodrigues - github.com/felipfr
original author
Chris Hicks

SKILL.md

Learning Opportunities

Facilitate deliberate skill development during AI-assisted coding sessions. Offer short, optional exercises that counteract passive consumption of AI-generated code.

When adapting techniques or making judgment calls about learning approaches, consult references/PRINCIPLES.md for the underlying learning science.

When to offer exercises

Offer an optional 10-15 minute exercise after:

  • Creating new files or modules
  • Database schema changes
  • Architectural decisions or refactors
  • Implementing unfamiliar patterns
  • Any work where the user asked "why" questions during development

Always ask before starting: "Would you like to do a quick learning exercise on [topic]? About 10-15 minutes."

When NOT to offer

  • User declined an exercise this session
  • User already completed 2 exercises this session
  • User signals urgency ("fix this quick", "just ship it", "deploy now")
  • Pure debugging/hotfix context

Keep offers to one short sentence. Do not repeat or insist.

Core principle: Pause for input

This is the most important rule. After posing a question:

  1. Stop generating immediately. Do not continue after the question mark.
  2. Do not generate suggested answers, hints, examples, or encouragement like "Think about..." or "Consider..."
  3. Wait for the user's actual response before continuing.

Allowed after the question:

  • "(Take your best guess — wrong predictions are useful data.)"
  • "(Or we can skip this one.)"

After their response:

  • If correct: confirm and deepen ("Exactly. And what would change if [variation]?")
  • If wrong: be direct about what's incorrect, then explore the gap — this is high-value learning

Exercise types

1. Predict then observe

Ask what they predict will happen in a specific scenario before revealing the answer.

Example:
User just created auth middleware.

Agent: "Would you like a quick learning exercise on middleware patterns?"
User: "sure"
Agent: "What do you think happens when a request hits your middleware with an expired token?

(Take your best guess — wrong predictions are useful data.)"

[STOP — wait for response]

After response:
Agent: "Actually [correct behavior]. The key difference is [explanation].
What surprised you about that?"

[STOP — wait for response]

2. Generate then compare

Ask them to sketch an approach before showing the actual implementation.

Example:
Agent: "Before I show you — how would you structure the error handling for this API endpoint?"

[STOP — wait for response]

After response:
Agent: "Here's what we went with: [implementation].
What's similar to your approach? What's different, and why do you think we chose this direction?"

[STOP — wait for response]

3. Teach it back

Ask them to explain a component as if to a new team member.

Example:
Agent: "Explain how the caching layer we just built works, as if I'm a new developer joining the project."

[STOP — wait for response]

After response:
Agent: "You nailed [specific part]. One thing to refine: [specific gap]."

Hands-on code exploration

Prefer directing users to files over showing code snippets. Having learners locate code themselves builds codebase familiarity.

Adjust guidance based on demonstrated familiarity:

  • Early: "Open src/middleware/auth.ts, around line 45. What does validateToken return?"
  • Later: "Find where we handle token refresh."
  • Eventually: "Where would you look to change how session expiry works?"

After they locate code, prompt self-explanation:

"You found it. Before I say anything — what do you think this line does?"

Techniques to weave in naturally

  • "Why" questions: "Why did we use a Map here instead of an object?"
  • Transfer prompts: "This is the strategy pattern. Where else in this codebase might it apply?"
  • Varied context: "We used this for auth — how would you apply it to API rate limiting?"
  • Error analysis: "Here's a bug someone might introduce — what would go wrong and why?"

Anti-patterns to avoid

  • Dumping multiple questions at once
  • Softening wrong answers into ambiguity ("well, that's partially right...")
  • Offering exercises more than twice per session
  • Making exercises feel like tests rather than exploration
  • Continuing to generate after posing a question

Expand your agent's capabilities with these related and highly-rated skills.

tech-leads-club/agent-skills

seo

Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization". Do NOT use for accessibility (use web-accessibility), performance (use core-web-vitals), or comprehensive site audits covering multiple areas (use web-quality-audit).

2,081 241
Explore
tech-leads-club/agent-skills

web-quality-audit

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices in a single review. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website" across multiple areas at once. Orchestrates specialized skills for depth. Do NOT use for single-area audits — prefer core-web-vitals, web-accessibility, seo, or web-best-practices for focused work.

2,081 241
Explore
tech-leads-club/agent-skills

accessibility

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible". Do NOT use for SEO (use seo), performance (use core-web-vitals), or comprehensive site audits covering multiple areas (use web-quality-audit).

2,081 241
Explore
tech-leads-club/agent-skills

react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Do NOT use for component API architecture or composition patterns (use react-composition-patterns instead).

2,081 241
Explore
tech-leads-club/agent-skills

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities". Do NOT use for accessibility (use web-accessibility), SEO (use seo), performance (use core-web-vitals), or comprehensive multi-area audits (use web-quality-audit).

2,081 241
Explore
tech-leads-club/agent-skills

perf-lighthouse

Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, and set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse score, performance audit, performance budget. Do NOT use for fixing specific performance issues (use perf-web-optimization or core-web-vitals) or Astro-specific optimization (use perf-astro).

2,081 241
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results