turn-divider · Claude Code mod

Preview · a replayed session in a sandbox

claude · ~/work/app · turn-divider

───────────────────────────────────────────────────────────────────────────────────────────────────────────────────… ⟨Claude Code's own drawing⟩ ▌ ⏺ Read(src/auth.ts) ⎿ Read 6 lines ⏺ Update(src/auth.ts) ⎿ Added 2 lines, removed 1 line ⏺ Bash(bun test) ⎿ 3 pass, 1 fail ● Done. refresh now rejects expired claims and logs an audit event. ✻ Worked for 42s · done 4:20 PM ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── › ? for shortcuts

Draws

Your message

───────────────────────────────────────────────────────────────────────────────────────────────────… ⟨Claude Code's own drawing⟩ ▌

README

wj-mods

English · 한국어

A set of Claude Code mods that change the terminal UI and notifications. They are plugins with hook modules, installable one by one from this marketplace.

The UI text, notifications and summaries are written in Korean.

Mod	What it does
`work-progress`	Collects multi-step work from every open session into a line above the prompt and a `/progress` pane. Each task's steps are drawn as a chain of nodes that opens into a vertical flow. It also keeps follow-ups left after a task is done, what a paused task is waiting for, and subagent records that ended without being closed. Each open task shows the time likely left, judged from how long its own steps and your recent tasks' steps took. `/progress 요약` writes a summary of the last 24 hours.
`plain-korean`	A Korean readability bundle. An output style for short, plain Korean answers (conclusion first, no made-up abbreviations, nothing referred to by number alone), a guard that flags answers that slip into English and corrects the next one, a nudge to re-explain when you type "뭔 말" or "짧게", and the `claude-warm` theme. Installing it also installs `plain-summary`, `turn-divider` and `compact-tool-rows`.
`usage-band`	Shows 5-hour and weekly usage and the Claude status page state in one line above the prompt.
`long-turn-notify`	Sends a macOS notification and plays a voice line when a turn ran longer than 2 minutes, or when a question or permission prompt is waiting. macOS only.
`session-nickname`	Gives each new session a random name so other sessions can address it with SendMessage. The name reaches the session list with the first prompt.
`turn-divider`	Draws a divider above each of your prompts to separate questions from answers.
`plain-summary`	Adds a two-sentence plain-language summary under long, report-style answers, written by a small model.
`compact-tool-rows`	Shortens long Bash commands in tool rows to the start of the first line.

work-progress pane:

업무 3개 · ● 작업 중 1 · □ 남은 일 1 · ✓ 오늘 완료 1

── ● 작업 중 1 ─────────────────────────────────────────────
▸ Theme builder spec
  ●━●━◉─○─○─○ 2/6 · 약 2시간 남음 · 이 단계 1시간째 · 5분 전 · @quiet-otter
  지금: Write the requirements
  최근: Bash Run the mod's tests · 방금
  └ ● Benchmark AI app builders 1/8 · 최근: WebSearch Lovable docs
  └ ‖ Seed starter audit 3/4 · 보류로 끝남 · only saving the file is left
  └ ✓ 서브에이전트 5개 끝남

── □ 남은 일 1 ─────────────────────────────────────────────
▸ Fix lost attachments · 1일 전
  □ push
── ✓ 오늘 완료 1 ───────────────────────────────────────────
▸ Release notes draft · 2시간 전

Click a task to open its steps as a flow, with the time each step took and its evidence:

▾ Theme builder spec
  ● Read the brief · 40분 — notes in brief.md
  ┃
  ● Benchmark · 1시간 20분 — 3 reports
  ┃
  ◉ Write the requirements  ← 지금
  │
  ○ Design

Install

From the marketplace:

claude plugin marketplace add wonjangcloud9/wj-mods
claude plugin install work-progress@wj-mods

Install other mods the same way with <mod>@wj-mods. They load in sessions started after installing.

The Korean readability bundle installs plain-summary, turn-divider and compact-tool-rows with it:

claude plugin install plain-korean@wj-mods

The output style and the theme are not switched on for you. Choose plain-korean as the output style in /config, and claude-warm in /theme if you want the colors too.

From a local clone, list the mod folders in CLAUDE_CODE_PLUGIN_DIRS in ~/.claude/settings.json, separated by :. Folders listed this way do not pull in dependencies, so list the bundle's three mods as well:

git clone https://github.com/wonjangcloud9/wj-mods.git ~/wj-mods

{
  "env": {
    "CLAUDE_CODE_PLUGIN_DIRS": "/Users/me/wj-mods/work-progress:/Users/me/wj-mods/usage-band"
  }
}

Notes

Tested with Claude Code 2.1.301.
long-turn-notify records its voice lines with the macOS say Yuna voice on first use and keeps them in ~/.claude/long-turn-notify/sounds/. Without that voice it shows the notification silently.
plain-summary calls a small model once per long answer, which counts toward your usage.
work-progress keeps its records in ~/.claude/work-progress/ on your machine.
Run a mod's tests with claude plugin test <mod folder>.

License

MIT

Source 1 files

hooks/register.tsx 40 lines

1import type { PromptOrigin, Register } from 'claude-code'
2
3// 사람이 직접 보낸 프롬프트와 mod 가 사람 대신 보낸 답장만 나눈다.
4// 작업 알림이나 다른 세션의 메시지에는 긋지 않는다.
5const OWN_PROMPT = new Set(['composer', 'bridge'])
6
7function isOwnPrompt(origin: PromptOrigin): boolean {
8  return OWN_PROMPT.has(origin.kind) || (origin.kind === 'plugin' && origin.asUser === true)
9}
10
11const FALLBACK_COLUMNS = 80
12// 선이 화면 폭과 같으면 터미널이 다음 줄로 넘길 수 있어 조금 짧게 긋는다.
13const EDGE_CELLS = 2
14// 테마 이름으로 칠해 테마를 바꾸면 같이 따라간다.
15const ACCENT = 'claude'
16// 터미널의 엔진 질문 줄은 위에 빈 줄 하나를 품고 있어, 막대를 그만큼 내려야 글자 줄에 붙는다.
17const ENGINE_ROW_TOP_GAP = 1
18
19export const register: Register = on => {
20  on('ui.render', { component: 'UserMessage' }, async ($, e, next) => {
21    const row = await next(e)
22    if (!isOwnPrompt(e.props.origin)) return row
23
24    const { Box, Text } = $.ui.resolve(e)
25    const width = Math.max(1, (e.viewport?.columns ?? FALLBACK_COLUMNS) - EDGE_CELLS)
26
27    return (
28      <Box flexDirection="column" marginTop={1}>
29        <Text dimColor wrap="truncate-end">{'─'.repeat(width)}</Text>
30        <Box flexDirection="row">
31          <Box key="bar" marginTop={e.surface === 'terminal' ? ENGINE_ROW_TOP_GAP : 0}>
32            <Text color={ACCENT} bold>{'▌ '}</Text>
33          </Box>
34          <Box flexGrow={1}>{row}</Box>
35        </Box>
36      </Box>
37    )
38  })
39}
40