compare
Compare two or more options side by side, recommend one, and let the reader pick in the page
Draw a state machine from the code itself, walk every state, and show each rule it breaks as a path to replay
> /plugin marketplace add nicobailon/visual-explainer> /plugin install visual-explainer@visual-explainer-marketplace
name: state-machine description: Draw a state machine from the code itself, walk every state, and show each rule it breaks as a path to replay
Load the visual-explainer skill, read `references/machines.md`, and draw the state machine in `$@` (a file, a reducer, or a feature). With no argument, ask which machine.
1. Gather: find the step (a reducer, an XState config, a `transition()`), the shape of its state, and every event that reaches it. Cite each with `file:line`. 2. Model: import the step from the repo. Copy a step as a hand model (`when`, `then`, `at:`) only when it does I/O, and say which steps are copied. 3. Rules: before drawing, propose 1–3 rules in the user's words, each with the state it must reject, and agree them in the chat. 4. Render. Fix every ✗, then read the machine's Page line: states, broken rules, dead ends, events that never fire. Place up to about 12 states by hand; past that, use `auto`. 5. Prove each broken rule against the real code: replay its path (the last replay caption lists the events) as a one-line script or a test file the user can keep, and run it. The replay shows the rule that breaks soonest; to see another rule's path, render with that rule alone. A path that does not reproduce is a bug in the model: fix the model, never the rule. 6. Hand off one line per broken rule (the rule, the path, the test), the dead ends and events that never fire, and what the model leaves out (timers, retries, a second user, the network).
An agent skill that turns complex terminal output into styled HTML pages you actually want to read. Ask your agent to explain a system architecture, review a diff, or compare requirements against a plan.
Compare two or more options side by side, recommend one, and let the reader pick in the page
Generate a visual diff review for code changes, with each fix to accept or leave in the page
Generate a narrated MP4 explainer, or record a walkthrough of a live web app
Generate an interactive visual implementation plan the reader can answer in place
Create smart commit with quality checks and conventional format
Meta-skill that loads all llmwiki governance docs and exposes the three maintainer slash commands.