# Rebellioussmile My Claude Marketplace Teach

> sc-js Teach

- Skill: `tomevault-io/rebellioussmile-my-claude-marketplace-teach` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/rebellioussmile-my-claude-marketplace-teach`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/rebellioussmile-my-claude-marketplace-teach/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/rebellioussmile-my-claude-marketplace-teach

---


# sc-js Teach

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.

---
> Source: [RebelliousSmile/my-claude-marketplace](https://github.com/RebelliousSmile/my-claude-marketplace) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-06-02 -->

