solution-explainer
npx machina-cli add skill a5c-ai/babysitter/solution-explainer --openclawSolution Explainer Skill
Purpose
Generate clear, educational explanations of algorithm solutions suitable for interviews, learning, and documentation.
Capabilities
- Step-by-step solution walkthrough
- Time/space complexity explanation
- Alternative approach comparison
- Common mistake highlights
- Visual aids generation
- Interview-style explanation formatting
Target Processes
- interview-problem-explanation
- leetcode-problem-solving
- mock-coding-interview
- algorithm-implementation
Explanation Framework
- Problem Understanding: Restate the problem clearly
- Approach Overview: High-level strategy
- Algorithm Details: Step-by-step breakdown
- Complexity Analysis: Time and space with justification
- Code Walkthrough: Annotated implementation
- Edge Cases: Special scenarios handled
- Alternatives: Other valid approaches
Input Schema
{
"type": "object",
"properties": {
"problem": { "type": "string" },
"solution": { "type": "string" },
"language": { "type": "string" },
"depth": {
"type": "string",
"enum": ["brief", "standard", "detailed"]
},
"includeVisuals": { "type": "boolean", "default": false },
"interviewStyle": { "type": "boolean", "default": false }
},
"required": ["problem", "solution"]
}
Output Schema
{
"type": "object",
"properties": {
"success": { "type": "boolean" },
"explanation": { "type": "string" },
"complexity": { "type": "object" },
"commonMistakes": { "type": "array" },
"alternatives": { "type": "array" },
"visuals": { "type": "array" }
},
"required": ["success", "explanation"]
}
Source
git clone https://github.com/a5c-ai/babysitter/blob/main/plugins/babysitter/skills/babysit/process/specializations/algorithms-optimization/skills/solution-explainer/SKILL.mdView on GitHub Overview
Solution Explainer generates educational, step-by-step explanations of algorithm solutions for interviews, learning, and documentation. It delivers problem restatement, approach, detailed algorithm breakdown, complexity analysis, and optional visual aids, with an emphasis on clarity and practical insight.
How This Skill Works
The skill takes inputs like problem, solution, language, depth, includeVisuals, and interviewStyle, and outputs a structured explanation following the framework: problem understanding, approach overview, algorithm details, complexity, code walkthrough, edge cases, and alternatives. It can optionally generate visuals and format the explanation in an interview-style tone.
When to Use It
- Preparing for coding interviews with structured, interviewer-style explanations
- Walking through LeetCode problems with annotated steps
- Creating documentation or blog posts that explain algorithms clearly
- Teaching peers with step-by-step breakdowns and common mistakes
- Using mock coding interviews to simulate interview feedback
Quick Start
- Step 1: Provide the problem description and a candidate solution to the skill
- Step 2: Specify depth (brief/standard/detailed) and whether to include visuals or interview styling
- Step 3: Review the generated explanation and tailor it for your audience
Best Practices
- Restate the problem clearly before diving into the solution
- Explain time and space complexity with justification
- Highlight edge cases and provide representative test cases
- Offer at least one alternative approach and discuss trade-offs
- Use visuals or diagrams when they add clarity
Example Use Cases
- LeetCode-style explanation for binary search with a step-by-step walkthrough
- Dynamic programming coin change problem explained with annotations
- Graph traversal (BFS/DFS) problem discussed including edge-case handling
- Two-pointer technique explained on a sorted array with example values
- Annotated code walkthrough for a sorting algorithm with complexity notes
