statechart
Draw how any system moves between states, such as a product flow, a protocol, or a service, as a Mermaid statechart from a TLA+ model.
Skill by backnotprop
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/backnotprop-statechart
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/statechart
What's inside
- Skill name
statechart- Description
- Draw how any system moves between states, such as a product flow, a protocol, or a service, as a Mermaid statechart from a TLA+ model. Each bug is a numbered path with blue borders to a state that breaks a rule. Use for /statechart, to show a bug as a path through states, or to turn an agreed chart into a TLA+ skeleton.
- License
- MIT
- Instructions
- 32 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (27)
- SKILL.md
- bug-states.mjs · scripts/
- chart-edges.mjs · scripts/
- chart-parts.mjs · scripts/
- chart-to-tla.mjs · scripts/
- compare-charts.mjs · scripts/
- lib.mjs · scripts/
- map-view.mjs · scripts/
- property-loop.mjs · scripts/
- read-check.mjs · scripts/
- regions-chart.mjs · scripts/
- render.mjs · scripts/
- rule-book.mjs · scripts/
- second-replay.mjs · scripts/
- snapshot.mjs · scripts/
- spec-text.mjs · scripts/
- statechart-help.mjs · scripts/
- statechart.mjs · scripts/
- band.mmd · scripts/test/
- regions.mmd · scripts/test/
- statechart.test.mjs · scripts/test/
- sync.mmd · scripts/test/
- upload.mmd · scripts/test/
- tlc-to-chart-args.mjs · scripts/
- tlc-to-chart.mjs · scripts/
- tlc-tools.mjs · scripts/
- ways-in.mjs · scripts/
SKILL.md (first lines)
# Statechart
The chart shows how a system moves between states, in the words of the person who reads it. That person, the reader, decides whether the behavior is right.
## Run
Work in a scratch folder outside the repo. Write a TLA+ spec and its config. Then run:
```sh
<skill dir>/scripts/statechart SPEC.tla [--config FILE] [--view FILE] [--out DIR]
```
`scripts/statechart.ts` is TypeScript, so run it with a runtime that can execute TypeScript.
The first run installs TLC and Java with mise and needs the network.
## Write the spec
- Write each rule that the reader agrees to as an INVARIANT. A rule can be about a screen, a result, a stored value, or a message. If the model has no variable for a rule, add the variable. Never weaken a rule to make it hold.
- Write `Next` as a disjunction of the actions, such as `YouPressPlay \/ YouPressStop`. If you do not, TLC names every step `Next`.
- A state with no step out breaks `NoDeadlock`, also when it is a correct end state. When an INVARIANT or a PROPERTY already has that name, the rule is `CHECK_DEADLOCK`. Add to `Next` an action that is true only in the end states and changes nothing, such as `Done == phase \in {"paid", "failed"} /\ UNCHANGED vars`, and give it a label in `step()`.
## Pick the chart
You do the work that needs judgment: the words on each state and arrow, the phases and their colors, the title, and the report to the reader. Put your work in a view module, and give it with `--view`.
To show the reader's words, the view exports `state(vars)`. The value that `state()` returns picks the form:
- A string gives a flat chart: `export const state = (v) => (v.paid ? "Paid" : "Paying");`
- An array gives parent states: `export const state = (v) => v.main.split(".");`
- An object gives one parallel region for each key: `export const state = (v) => ({ Playback: v.playback, Volume: v.volume });`
Label each state with what the reader can see or cares about, such as "Paying" or "Lease held, write pending". Keep variable names out of labels. In `vars`, a TLA+ sequence is an object with keys from 1, so `v.pc[1]` is `pc[1]`. A set is an array.
The view can also export `step(action, from, to)`. It gets the TLC action name and the values before and after the step, and it returns the label of the arrow. Write each step label as the user sees it happen, such as "you press play" or "the connect fails". Do not name the code or the TLA+ action. Two actions that end the same in the chart get the same label, so that they share one arrow.
When a step can occur only in some conditions, end its label with the condition in brackets, in the reader's words, such as `you press play [while the file loads]`. In a regions chart, the command writes the condition on the other regions on the arrow, in the words of their labels, such as `[when Offline]`. Your brackets replace it, and two arrows from one state can then look the same. So in a regions chart, do not write brackets for a condition on another region. When a value that no label shows decides where a step goes, name the result in the label, such as "the roster read fails".
The view can also export these:
- `group(vars)` returns the name of a phase. Each chart state gets the color of its group. When the model states behind one chart state are in different groups, that state gets no color.
- `colors` gives each group name a color class.
- `title` is a string that the chart shows at the top.
The command calls `state()` and `group()` at most once for each model state, and `step()` at most once for each step. The chart and the report both use those answers. So make each function depend only on its arguments.
The chart does not draw a step that stays in one label. Split a label when the reader must see such a step.
Aim for about 20 arrows or fewer, because a busier chart is hard to read. First return coarser labels from `state()`. Give one label to values that act the same, and leave out a detail that the reader does not need, such as a call in flight whose return changes nothing. Keep each state of a bug path, and keep each mark. When a merge changes a `breaks` state to `mayBreak`, it hides where a rule breaks. Do not merge two states that break different rules, because the reader then cannot see which rule breaks where. If the chart is still too busy, return `null` from `step()` for the steps that the reader does not need, such as a reset that every state has, or a step whose arrow repeats what other arrows show. Obey these rules when you hide steps:
- Keep each chart state reachable by arrows from a start state.
- Keep at least one arrow out of each chart state that has a step out in the model.
- Hide all the steps of an arrow, or none of them. When you hide only some, its condition gets narrower.
- In the hand-off, say which steps the chart hides.
## Read the report
- In the chart, a state that breaks a rule has the class `breaks`. When only some model states behind it break the rule, it has the class `mayBreak`. The Legend names the rules of each mark. When two rules break, it names both on one mark, so say in the hand-off which state breaks which rule. In a regions chart, a state gets a mark when each combination of region states that includes it can break a rule. When a combination can break a rule and none of its states has a mark, each state in that combination gets a mark.
- TLC goes past a state that breaks a rule, so the chart shows the states after a bug.
- Because TLC goes past bugs, a model with no limit on its states can run without end. Keep the constants small, or add a CONSTRAINT.
- With a VIEW or a SYMMETRY, TLC counts states that it treats as the same as one state, and the chart draws that one state. An arrow can lead to it rather than to the state that the step reaches, and the report says so.
- TLC checks the rules in each state past a CONSTRAINT or an ACTION_CONSTRAINT, but it does not explore that state or check it for deadlock. When TLC's shortest path for a rule ends in such a state, the chart draws that state, and the report gives that path. The chart does not draw the other states past the bound. A deadlock in such a state does not show. TLC also checks the rules after each step that an ACTION_CONSTRAINT excludes, also when it reaches the next state another way. When TLC's shortest path for a rule ends with such a step, the chart draws that step.
- The command checks the rules with TLC on the config as written, with one worker. When a rule breaks, the command removes that rule and runs TLC again, until no rule breaks. After the first break, each run stops at 100,000 distinct states, so that a large model does not run without end. When a run reaches that bound or stops on an error, the report lists the rules that it did not check under "Rules not checked", and the chart does not mark them. A rule that is not checked can hold or break. To check it, remove the rules that break from the config, or make the model smaller. The bound adds a module that changes TLC's order of the variables, so for a property TLC can find a different counterexample than a run without the bound.
- `tlc.out` is what TLC printed on the config as written. When the chart does not show the bug path of a rule that breaks, `tlc-RULE.out` is what TLC printed for the run that found it. When TLC repeats its first warning, plain TLC prints it twice, but `tlc.out` shows it once, because TLC leaves the second copy out of the output that this command reads. That happens only when Java runs with `-XX:+UseParallelGC`, since otherwise TLC's first warning is its advice to pass that flag, which it prints once.
## Show the chart
Show `chart.mmd` to the user as a `mermaid` code block. The chart has a budget of 500 states, counted by TLC on the config as written. Above that, the chart draws only the paths to the rules that break, and when no rule breaks, the command writes no `chart.mmd`. It still checks each rule, and the report gives the state count and each bug path. To see the whole graph, make the model smaller.
Render charts with Pele. When the user asks for an image, or a chart is too large to read as text, follow `references/render.md`. Do not use a different renderer unless the user asks for it.
## Hand off
Give each chart and its Mermaid text to the person who must decide. Add one line for each bug: the rule, the reader's sentence for that rule, and the path as the report numbers it. Say what the model leaves out. Give the command that makes the files again, with a new `--out` folder.
When the model describes code, replay each bug path against the real code, as a test or a live repro, one step for each action. If a bug does not occur, think that the model is wrong until you show that it is not.From backnotprop/pstack, MIT.
More from backnotprop/pstack
- 0.769score
show-me-your-work
backnotprop
Keep a reviewable decision trail for long-running or unattended work: a TSV log with one row per decision (what, why, evidence, result).
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.769score
reflect
backnotprop
Spawn three parallel review subagents over the active transcript, surface learnings, and route each to a concrete edit on an existing skill.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.769score
why
backnotprop
Use for 'why does X work this way', 'why we picked Y', design rationale, regressions, postmortems, or data-backed thresholds.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.768score
typescript-best-practices
backnotprop
TypeScript best practices.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.766score
poteto-help
backnotprop
Guides users through pstack setup, /poteto-mode, and picking the skill, playbook, or principle for a task.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.764score
maintain-formal-verification-skill
backnotprop
Bring a project's formal verification back in line with the code after the code changes: find the commits that touched verified code, update the model…
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.761score
swarm
backnotprop
Fan out N parallel workers, drain them, and return one report.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.761score
setup-pstack
backnotprop
Configure which models pstack uses per role and at what reasoning budget.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.761score
technical-writing
backnotprop
Layered technical-writing standard: Diátaxis structure, Google developer style sentences, STE instruction rules, Global English syntax.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.760score
recall
backnotprop
Reconstruct your recent working context from your own chat history, live state, and the shared record (user reports, prior fixes, incidents), then hand back a…
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.758score
principle-model-the-domain
backnotprop
Apply when writing stateful logic, or when code branches a lot or repeats a shape assumption across files.
SkillAFreshness: A★ 2.7KClaude Code +9 - 0.756score
principle-test-behavior-not-implementation
backnotprop
Apply when you write, change, or keep a test.
SkillAFreshness: A★ 2.7KClaude Code +9
Signals
- Stars
- 2,694
- Forks
- 207
- Open issues
- 1
- Last commit (this folder)
- Oct 24, 2026 (4 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/backnotprop/pstack
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from backnotprop
- 0.786score
plannotator-visual-explainer
backnotprop
Generate self-contained HTML visualizations with Plannotator theming.
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.782score
release-plannotator
backnotprop
Prepare and execute a Plannotator release — draft release notes with full contributor credit, bump versions across all package files, build in dependency…
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.781score
review-renovate
backnotprop
Review Renovate bot PRs that update GitHub Actions dependencies.
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.781score
plannotator
backnotprop
Reference for using Plannotator (its `plannotator` tool when you have one, otherwise the CLI): plan review, code review, annotating files, URLs, folders, and…
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.778score
plannotator-annotate
backnotprop
Open Plannotator's annotation UI for a markdown file, plain-text config file (.yaml, .json, .toml, .ini, .csv, .log, …), HTML file, URL, or folder and then…
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.778score
update-deps
backnotprop
Audit and update npm/Bun dependencies with supply chain integrity checks — verifies maintainers, publish age, tarball diffs, and provenance before bumping.
SkillAFreshness: A★ 9.6KClaude Code +9
Cite this page
statechart skill. Agent Mart. https://agentmart.dev/skills/backnotprop-statechart (last updated 2026-10-24)