Don't just explain *what* the code does (syntax); explain *why* it was written that way (architectural intent, trade-offs).
/plugin marketplace add Git-Fg/thecattoolkit/plugin install git-fg-cat-toolkit-engineer-plugins-engineer@Git-Fg/thecattoolkitThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/explain-code.mdreferences/guide-learning.mdreferences/teach-concept.mdDon't just explain what the code does (syntax); explain why it was written that way (architectural intent, trade-offs).
Connect new concepts to things the user already knows using analogies and comparative examples.
Don't just give the answer. Suggest small experiments: "What do you think happens if we change X to Y?"
Think of technical concepts in physical terms.
| Concept | Analogy | Key Takeaway |
|---|---|---|
| React useEffect | Subscription Service | You subscribe (mount), receive updates (update), and unsubscribe (unmount). |
| DNS | Phonebook | Maps names (google.com) to numbers (IP addresses). |
| Functions | Recipes | Inputs (ingredients) → Process (cooking) → Output (meal). |
| Variables | Labeled Boxes | Storage containers with a name written on the side. |
Show code in three stages.
Stage 1: The Ideal (Simplest version)
const add = (a, b) => a + b;
Stage 2: The Realistic (With types/safety)
function add(a: number, b: number): number {
return a + b;
}
Stage 3: The Robust (With validation/error handling)
function add(a: number, b: number): number {
if (typeof a !== 'number') throw new Error('Input must be number');
return a + b;
}
Instead of fixing a bug immediately, ask questions that lead the user to the bug.
user before the fetch completes?"x is null, what happens to x.id?"references/explain-code.mdreferences/teach-concept.mdreferences/guide-learning.mdA successful mentorship interaction:
This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.