🔀
QualityTypeScript

Control Flow

by slopus

Control Flow is a Quality skill for Claude Code, published by slopus in happy.

23.3K stars2K forkson slopus/happyAdded 2026/08/14Repository updated 2026/08/10
claude-codeclaude-desktopclaude-mobilecodexcodex-clihacktoberfest
Install in seconds
Install Control Flow
Copy Control Flow into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/slopus/happy/tree/main/.agents/skills/control-flow ~/.claude/skills/control-flow

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/slopus/happy.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.agents/skills/control-flow/SKILL.md in slopus/happy
Installs to
~/.claude/skills/control-flow
Collection
One of 9 skills cataloged from this repository
Category
Quality1354 skills

What Control Flow does

Control Flow analyzes and designs control flows and data structures, producing compact ASCII tree diagrams showing triggers, call chains, payload shapes, state mutations, and re-render effects. Use when asked to diagram, trace, visualize, or design a flow or data structure.

Control Flow is cataloged under Quality on DirSkills. Control Flow comes from a repository tagged claude-code, claude-desktop, claude-mobile, codex and codex-cli.

Documentation

README

/control-flow — Analyze and design control flows and data structures

Read the relevant source code and produce ASCII tree diagrams inside ```txt blocks.

Format

  • Each user action or IO event is a separate tree root
  • Real function names and types — never invent
  • Payload shapes as TypeScript types, not prose
  • State mutations: which fields change, what triggers
  • Re-render chain: which components and why
  • Cross-package when the flow spans app → CLI → server
  • Compact — skip trivial pass-throughs, show decisions

Example:

This is the opening of the README. Read the full README on GitHub.

Commands Control Flow provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

  • /control-flow

Frequently asked about Control Flow

  • What else does slopus publish alongside Control Flow?

    Control Flow is one of 9 skills that DirSkills catalogs from slopus/happy, the repository it ships in. Its siblings there include Agent Browser, Local Development and Maintain. Each one is a separate skill with its own page in this directory, installs the same way Control Flow does, and is maintained by slopus in that same repository. The rest of the collection is listed on the slopus/happy page.

  • How does Control Flow compare to other Quality skills?

    Control Flow ranks #137 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Control Flow against them. Open each page to compare what they document and how they install.

More from slopus/happy

Control Flow is one of 9 skills cataloged on DirSkills from slopus/happy.

See all 9 skills