Loading...
Loading...
Found 143 Skills
Generate a static interactive D3 walkthrough of a pull request. Use when the user wants a zoomable PR map, graph/canvas PR orientation, or alternate visualization of PR system components, data flow, code dependencies, and user actions.
Use when asked to create a code walkthrough, explain how code works linearly, generate a walkthrough for a PR or codebase, or when user says /walkthrough. Triggers on "walkthrough", "explain the code", "how does this work", "walk me through".
Walk the user through reviewing a change: what it is for, what to look at closely, and how to test it. Use when the user says "walkthrough", "walk me through this change", or "human review"
Walk through a product's key flows with Firecrawl browser and produce a structured UX/product walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis.
Deep-dive usability evaluation of specific user tasks. Simulates novice user cognition step-by-step to identify learnability issues, unclear actions, and points of confusion.
Generate professional walkthrough videos from app screenshots or live sites using Remotion. Smooth transitions, zoom effects, text overlays, and optional voiceover narration. Produces MP4 videos for demos, product showcases, or documentation. Triggers: 'walkthrough video', 'demo video', 'product video', 'create a video walkthrough', 'remotion video', 'screen recording', 'app demo', 'showcase video', 'generate video from screenshots'.
Build a throwaway HTML reading guide for a set of changes (dirty tree, local commits, or a PR): what it means for users and for the system, then an ordered walk through the code with links that open each file in the IDE. Orients the human; leaves every quality call to them.
Experience Walkthrough Skill. Supports three input types: code repositories, URLs, and screenshots. Outputs structured experience issue reports and generates local docx reports synchronously. Trigger words: Experience Walkthrough, UX review, Interaction Walkthrough, Interface Review, Experience Issues.
Generates an interactive HTML walkthrough for reviewing code changes. Use only when explicitly called.
Produces a single-story walkthrough of AI-authored code changes from runtime trigger to final behavior, weaving changed and unchanged code into one narrative with annotated diffs, trade-offs, alternatives, and risk analysis. Use when asked to "explain what changed", "walk me through this diff", "summarize agent edits", "show how this feature works", or "explain this implementation step by step".
Use when asked to explain visually with a code walkthrough.
Use right after you open or push to a pull request in a repository Softlight reviews (softlight[bot] comments on its PRs), even if you were only asked to "put up a PR". Opening the PR is not the end of the task. Run the script's --watch in the background and tell the user when the walkthrough is ready (its direct /demo/... link), each issue a check finds, and when the review is complete, even if the PR merges mid-review. The user is whoever you report your work to: the person you're talking with, or another session your instructions name, such as a driver or orchestrator. Also use it instead of building, running or screenshotting the app when someone asks to see or demo a PR's change, or asks for its walkthrough, Softlight video, share or demo link, or what Softlight found. Only ever share the app.softlight.com/demo/... link it returns, never an app.softlight.com/api/softlight/walkthrough/... or /v/... waiting page, even when Softlight's own PR comment links one. Takes a PR URL, owner/repo#number, or a bare number in the current checkout.