show-me

1Help the user understand the current topic of conversation visually. Skip the preamble and keep prose brief. Pick the smallest view that makes the key point clear.
2 
3- Show logic or an algorithm as pseudocode:
4 
5```text
6on(save)
7  if content is unchanged
8    return cached result
9  write new content
10  return fresh result
11```
12 
13- Show runtime control flow as a call tree:
14 
15```text
16submitForm
17  createSession
18    persistPrompt
19    launchAgent
20  navigateToSession
21```
22 
23- Show UI structure as a component tree, including state and module boundaries that matter:
24 
25```tsx
26<SessionPage> (apps/example/src/routes/session.tsx)
27  useSessionEvents()
28  <SessionToolbar>
29    <RunSkillButton> (packages/ui)
30```
31 
32- Show file responsibility or a broad refactor as a shallow file tree:
33 
34```text
35src/
36├── commands/       # parses user actions
37├── sessions/       # owns session state
38└── transport/      # sends API requests
39```
40 
41- Show component interaction, control flow, or data flow with Mermaid:
42 
43```mermaid
44sequenceDiagram
45    participant User
46    participant UI
47    participant Daemon
48    User->>UI: choose command
49    UI->>Daemon: send expanded prompt
50    Daemon-->>UI: stream result
51```
52 
53- Use `diff` when the point is what changes and the surrounding shape already exists. Match the diff shape to the topic.
54 
55For a component change:
56 
57```diff
58 <SessionPage>
59   useSessionEvents()
60   <SessionToolbar>
61+    <RunSkillButton />
62   <SessionTimeline>
63+    <SkillResultCard />
64```
65 
66For a file-layout change:
67 
68```diff
69…