All elementsFlow Elements / Tour · The tour

Elements: everything a document can take, one card at a time

Flow's sidebar has a panel called Elements. It lists every block a document can hold, every action Flow can take on your words, every skill that draws your case for you, and every kind of chart and diagram, each as a card with a small drawing and one line. In this walk Ideas read a five-section plan, named the skill that fits each section in about 18 seconds, and one press later a to-scale figure of where the team's hours go was waiting for review. Every run used the Claude subscription and cost nothing extra.

How it works ↓

What Flow does

Everything a document can take now sits in one place, and Flow suggests which of it fits. Press ⌘5 in Orionfold Flow and the Elements panel opens in the sidebar. It holds a card for every block Flow draws inside a document. They are checklists you can sign, forms, tables, charts, diagrams, pictures, notes and side-by-side layouts. Below them sit the Agency actions that rewrite or extend your words, and nineteen skills that turn a passage into a decision brief, a roadmap, a register or an animated figure. Open a chart and the same panel shows the 54 chart and diagram kinds, each with what data gets you there. You don’t have to know which to pick. Ideas reads your document, names the one skill that fits each section, and says why. Everything a card adds waits in Review Changes until you keep it.

The answer first

  1. Open a document and press ⌘5 (or View ▸ Elements). The sidebar shows Components, Agency and Skills, each a section you can fold.
  2. To add a block, press its card. In the Editor it goes after the caret and opens its editor, so you can fill in its fields. In the Reader it goes at the end of the document.
  3. To run an action or a skill, select the passage first, then press the card. With nothing selected it reads the whole document. Its result waits in Review Changes.
  4. To let Flow choose, open Ideas (⌘3). When your document has sections a skill could work on, Ideas offers Find skills for N sections. Press it, check the sheet, and press Suggest Ideas. Each suggestion becomes an idea such as Run Field-Notes Diagram on “Where the time goes”; pressing it opens that skill on that section.
  5. To change a chart’s kind, open the chart, then press a kind in Elements. Your data stays; if it can’t take that kind, Flow says what the kind needs.

The job

A plan, a brief or a status report says more when part of it is drawn. That means the decision as options side by side, the risks as a register, the hours as bars to scale. Most people know the content but not the form. Which chart? Is this a table or a timeline? What would a reader need to sign? Elements puts every form Flow can draw in one list, with a picture of each. Ideas does the matching for you when you’d rather not choose.

The walk used a short plan: Harbor Close Plan, five sections about how a fictional bookkeeping firm closes its clients’ books, where the hours go, three options for cutting the time spent chasing receipts, the risks, and the next steps.

Four groups, as the sidebar shows them

GroupWhat a card doesCardsRead on
ComponentsAdds a block Flow draws inside the document, written as a few plain lines any editor can read15Components
AgencyRewrites or extends the selected text. Proofread, summarize, translate, tables, charts, checklists, forms, briefs, pictures12Agency
SkillsApplies a method to a passage and draws the answer, such as a brief, a map, a register or a figure you step through19Skills
Chart and diagram kindsWith a chart or diagram open: switches it to another kind, data kept54Chart and diagram kinds

The Elements panel in the Editor with Components folded and Agency open: the heading reads the word count, whole document, Claude Code · Claude subscription, then Proofread, Summarize, Translate, Convert Text to Table with an orange line, Convert Table to Text with an orange line, Expand with Sources, Research Brief, Visualize, Sign-off, Form and Describe Picture

The Agency heading says, before you press anything, what an action would read, where it would run and on which model. It shows the word count and whole document (or selection when text is selected), then Claude Code · Claude subscription. An action that can’t run on what you have says why on its own row, in orange. For example, Convert Table to Text says Select one whole table.

Agency folded and Skills open: Architecture Diagram, Decision Brief, Delegation Map, Field-Notes Diagram, Guided Exercise, Isometric Figure, Landscape Map, Opportunity Map, Option Comparison, Path Card and Product Mock, each with a drawing in its own colour

Each skill has a drawing of what it draws, in a colour of its own.

A bar chart open in its editor. The sidebar lists Comparison and ranking (Bar chart with a check, Grouped bar chart, Stacked bar chart, Lollipop chart, Bar table, Pyramid chart, Bullet chart, KPI card) and Change over time (Line chart, Area chart, Streamgraph, Range area chart). Above the chart: a two-column table — one category column, one number column — with up to a dozen rows

Open a chart and Elements switches to the kinds, grouped by the question each answers. The kind on screen carries a check, and the editor’s header says what data the kind takes.

Let Ideas pick the skill

Ideas in the Workbench beside the plan, showing a card: What Flow noticed — Find skills for 5 sections of Harbor Close Plan. Why it matters: they have the points, numbers or dates a skill works from

With the plan open, Ideas (⌘3) showed Find skills for 5 sections of Harbor Close Plan. They have the points, numbers or dates a skill works from. Suggest Ideas reads them with your model and names the skill that fits each; nothing changes until you run one. Flow made that count on the Mac, before any model was involved.

The Suggest Ideas sheet: what it does in three steps, the five sections it will read, Cost — included in your subscription, no API cost; Route — Claude subscription, Claude Code, leaves this Mac, Flow asks first; Cancel and Suggest Ideas

Pressing it opened a sheet. It lists what the run does, the five sections it will read, what it costs (included in your subscription · no API cost) and where it runs. Nothing in the document changes; each suggestion becomes an idea you can run.

The Leaves this Mac sheet: destination Claude Code, Claude subscription; included: your request and Flow's instructions, Harbor Close Plan, 2 items, approximately 10 KB; cost included; a Don't ask again box; Cancel and Allow Once

The model here runs off this Mac, so Flow asked first and named exactly what would leave. It named the request and the plan, about 10 KB. You can tick Don’t ask again for that destination.

Ideas after the run: Run Option Comparison on "Options for chasing receipts" with its reason, and Run Delegation Map on "How the monthly close works" with its reason

About 18 seconds later Ideas held five suggestions, one per section:

SectionSkill Ideas namedIts reason, in short
How the monthly close worksDelegation MapPriya, Tomás and Dana each in their own lane, with the hand-offs
Where the time goesField-Notes Diagramfour step timings that add to 312 hours
Options for chasing receiptsOption Comparisonemail, the portal and Receiptly side by side on cost, setup and how much each cuts the 96-hour chase
RisksRegisterthree risks, each with an owner and a check
Next stepsRoadmapfour dated steps from 7 November to February

The Field-Notes Diagram sheet over the plan, with the section highlighted: Your selection · 46 words, Field-Notes Diagram, A figure in Review Changes; six steps; Ready to run — 46 words to read, 5 numbers to work with; Cost included; Run Skill

Pressing Run Field-Notes Diagram on “Where the time goes” selected that section and opened the skill’s own sheet. It shows what the skill will read (46 words), its six steps, and a quick check that the text has what the skill needs. Here it found 5 numbers to work with. The sheet recommends Run Skill when everything is there and Cancel when something is missing.

Review Changes with the figure: HOURS ON CLOSES · LAST QUARTER, Reconciliation 140 hours, Drafting 48 hours, Review 28 hours, step 1 of 2; the Workbench lists Adds Field-Notes Diagram after the selected text. It holds 1 figure. Proposed

About 50 seconds later the figure was waiting in Review Changes, placed right after the section it read.

Step 2 of 2: the Chasing bar, 96 hours, drawn in teal on a tinted row, and the caption CHASING RECEIPTS: 96 OF 312 HOURS, THREE OR FOUR SEPARATE EMAILS, THE MOST COMPLAINTS

The figure builds in steps. Step 2 adds the number the passage stresses, chasing receipts, in colour. Every bar is drawn to its value. In the saved figure the widths are 300, 205.71, 102.86 and 60 for 140, 96, 48 and 28 hours. We kept it, and the plan now carries the figure as text, so it opens in any editor, travels with the file and prints when you publish.

The same plan in dark mode: the figure redrawn on a dark page with light labels

In dark mode the figure, the components and the panel all redraw in the dark palette.

The numbers

FigureValueStatus and source
Cards under Components, Agency, Skills15, 12, 19verified: the panel’s accessibility list, read 14:26–14:44
Chart and diagram kinds54 (34 charts in four groups with a chart open, 20 diagrams with a diagram open)verified: the panel, read with a chart’s and a diagram’s editor open
Sections Ideas counted5verified: the idea’s title
Suggest Ideas, press to five suggestionsabout 18 sverified: clock 13:58:26 to 13:58:44
Data sent for the suggestions2 items, about 10 KBverified: the Leaves this Mac sheet
Field-Notes Diagram, press to Reviewabout 50 sverified: clock 13:59:13 to 14:00:03
Bars drawn to scalewidths = hours ÷ 140 × 300verified: the saved figure’s text
Cost of every run in this walk$0 extra, on the Claude subscriptionverified: every sheet’s cost line and route
MachineMacBook Pro M3 Max, 36 GB, macOS 26.6verified

Walked on: Orionfold Flow review build elements-1 (dev, main d43eb7f2), macOS 26.6, MacBook Pro M3 Max 36 GB, window 1512×949; walked 2026-10-26 13:55–14:45 PDT by the agent in an away session, one Flow instance, every model run on Claude Code with the Claude subscription.

Data: Harbor Close Plan, a fictional plan for a four-person bookkeeping firm written for this walk, and the Flow Guide's own Components, Skills Gallery and Charts Gallery pages, all fictional teaching examples; never the operator's real work. The account row is painted over in every shot.

Written by the Flow product team from the walk's own records. Numbers are labelled verified, derived, assumed or unknown.