A Claude Code / Codex skill (/lp) that turns any source — article, GitHub repo, video, PDF, pasted text — into applied learnings mapped onto your project, not just a summary.
learn-apply-skill is a Claude Code agent skill that a Claude Code / Codex skill (/lp) that turns any source — article, GitHub repo, video, PDF, pasted text — into applied learnings mapped onto your project, not just a summary.
npx skills add prodikeycw/learn-apply-skilllearn-applyThis is a shorthand entry point. Load and follow the learn-apply skill
(the learn-apply/SKILL.md in your skills directory) and execute its workflow
exactly as written there. Do not duplicate the instructions here — learn-apply
is the single source of truth.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.