Engage Claude as an adaptive interactive tutor for learning any subject, using 10 teaching modes like Socratic questioning, mixed drills, mental models, and active recall. Generate quizzes, exercises, code execution, interactive diagrams, and walkthroughs with a browser-based visual companion to build deep understanding.
npx claudepluginhub jeff7712/claude-tutor --plugin tutorAn adaptive tutor skill for Claude Code that makes Claude act as an interactive coach for learning any topic.
Ask the tutor to "show me in the browser" or "open visuals" during any session to launch a browser-based visual companion. The tutor pushes rich content to your browser while the conversation continues in the terminal:
Requires Node.js. Start with any visual request during a tutoring session.
/plugin marketplace add JEFF7712/claude-tutor
/plugin install tutor@claude-tutor
git clone https://github.com/JEFF7712/claude-tutor.git ~/.claude/skills/claude-tutor
/tutor <topic> — start a tutoring sessionThe tutor auto-selects and blends 10 teaching modes based on your responses:
| Mode | What it does | Tools |
|---|---|---|
| Socratic Drillmaster | Asks questions that lead you to the answer | — |
| Mixed Practice Architect | Interleaved drills mixing related concepts | Exercises, Code |
| Why-How Interrogator | Challenges surface-level understanding | — |
| Mental Model Forge | Builds frameworks: principles -> rules -> examples | Visuals |
| Visual Thinking Translator | Diagrams, tables, and flowcharts | Visuals |
| Active Recall Generator | Makes you summarize, create analogies, and build flashcards | Exercises, Code |
| Meta-Learning Coach | Checks what's working and adjusts the approach | — |
| Analogy Bridge Tutor | Explains concepts through familiar domains | Visuals |
| Simplified Learning | Breaks complex ideas down for beginners | Visuals, Research |
| Progressive Recall Mentor | Climbs from recall to application to synthesis | Code |
You can also switch modes explicitly: "quiz me", "explain it simpler", "use an analogy", "give me drills", "let's wrap up".
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
Battle-tested Claude Code plugin for engineering teams — 38 agents, 156 skills, 72 legacy command shims, production-ready hooks, and selective install workflows evolved through continuous real-world use
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Tools to maintain and improve CLAUDE.md files - audit quality, capture session learnings, and keep project memory current.
Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.