From team-skills-platform
Builds Manim animations for technical concepts, graphs, system diagrams, and product walkthroughs. Activates for precise animated explainers instead of talking-head scripts.
npx claudepluginhub colin4k1024/tspThis skill uses the workspace's default tool permissions.
Use Manim for technical explainers where motion, structure, and clarity matter more than photorealism.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Use Manim for technical explainers where motion, structure, and clarity matter more than photorealism.
manim CLI for scene renderingffmpeg for post-processing if neededvideo-editing for final assembly or polishremotion-video-creation when the final package needs composited UI, captions, or additional motion layersFor social-graph and network-optimization explainers:
Use assets/network_graph_scene.py as a starting point for network-graph explainers.
Example smoke test:
manim -ql assets/network_graph_scene.py NetworkGraphExplainer
Return:
video-editing for final polishremotion-video-creation for motion-heavy post-processing or compositingcontent-engine when the animation is part of a broader launch