explaining-code
Explains code using visual diagrams, relatable analogies, step-by-step walkthroughs, and common pitfalls.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
183 skills found
Explains code using visual diagrams, relatable analogies, step-by-step walkthroughs, and common pitfalls.
Official RivetKit JavaScript client guidance for browser, Node.js, and Bun. Manage Rivet Actor connections, state, RPC actions, and events.
Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.
Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.
Guide for implementing a new AI coding agent analyzer in Splitrail to track token usage, costs, and performance metrics.
Reference for generating Apple Final Cut Pro FCPXML files, covering timeline structures, media assets, effects, and project automation for FCP 10.4+.
Apply reality-first coding standards: intentional naming, focused functions, guard clauses, and deterministic side effects, with no speculative features.
Initiates automated reverse engineering by discovering codebase architecture, layers, and technology stacks to facilitate system modernization or documentation.
Automated code maintenance loop using Trunk to perform linting, formatting, and iterative error resolution.
Automates the creation and maintenance of JSDoc documentation for DuploJS utilities, ensuring consistent index.md structures and synchronized code examples.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files to serve as a source of truth for AI-driven UI generation.
Meta-skill for generating publication-ready scientific figures, multi-panel layouts, and journal-compliant visualizations using Python's matplotlib, seaborn, and plotly libraries.