Contextual teaching for JS/TS/Vue/Nuxt. Finds examples of the requested concept in the current project, explains the theory with those examples as anchors, then offers a short practice exercise to consolidate understanding.
Available actions
#
Action
Role
Input
01
explain
Explain a concept or pattern using project code examples
topic or code excerpt
02
practice
Generate a targeted exercise based on project patterns
topic or previous explain
Default flow
Non-sequential — dispatch based on user intent:
"explain / how does / what is / difference between / show me / I don't understand" → explain
"practice / exercise / quiz / test me / challenge me" → practice
Ambiguous → explain, then offer practice at the end
Transversal rules
Always search the project codebase for a real example of the concept before explaining.
If no project example exists, explain with a minimal invented snippet in the project's style (framework, TypeScript conventions).
Keep theory brief — real code carries more weight than prose.
After explain, always offer: "Want a practice exercise on this?"
After practice, provide the solution and link back to the project example.
For async concepts: always show both the Promise and async/await version when relevant.
For Vue concepts: show both Options API and Composition API when the project uses both.
1---2name: rebellioussmile-my-claude-marketplace-teach3description: sc-js Teach4---56# sc-js Teach78Contextual teaching for JS/TS/Vue/Nuxt. Finds examples of the requested concept in the current project, explains the theory with those examples as anchors, then offers a short practice exercise to consolidate understanding.910## Available actions1112| # | Action | Role | Input |13|---|--------|------|-------|14| 01 | `explain` | Explain a concept or pattern using project code examples | topic or code excerpt |15| 02 | `practice` | Generate a targeted exercise based on project patterns | topic or previous explain |1617## Default flow1819Non-sequential — dispatch based on user intent:2021- "explain / how does / what is / difference between / show me / I don't understand" → `explain`22- "practice / exercise / quiz / test me / challenge me" → `practice`23- Ambiguous → `explain`, then offer `practice` at the end2425## Transversal rules2627- Always search the project codebase for a real example of the concept before explaining.28- If no project example exists, explain with a minimal invented snippet in the project's style (framework, TypeScript conventions).29- Keep theory brief — real code carries more weight than prose.30- After `explain`, always offer: "Want a practice exercise on this?"31- After `practice`, provide the solution and link back to the project example.32- For async concepts: always show both the Promise and async/await version when relevant.33- For Vue concepts: show both Options API and Composition API when the project uses both.3435---36> Source: [RebelliousSmile/my-claude-marketplace](https://github.com/RebelliousSmile/my-claude-marketplace) — distributed by [TomeVault](https://tomevault.io).37<!-- tomevault:4.0:skill_md:2026-06-02 -->
Run npx skillmds@latest add tomevault-io/rebellioussmile-my-claude-marketplace-teach in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
sc-js Teach It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io