ctx
Context window details like the Desktop app's panel: /ctx opens a pane that docks beside the transcript, and a 📊 button above the prompt toggles it.
確かめやすいコードターミナル＋デスクトップペインバンドトーストBoxButtonText
何をするか
- プロンプトの上の帯・欄・トーストを描く
- /ctx を足す
- ツールの呼び出しを見張る（止めることがある）
- prompt.submit・session.compact・session.measure・session.start ほか 4 個にフックする
- ターンをまたいで自分の状態を持つ
良いところ
- ネットワークに出ない
- TypeScript で書かれている
- デスクトップ専用の分岐がある
- エラーを扱う
作り始めるためのコード
2 種類あります。上のデザインから modscode が書いた雛形と、その Mod 自身のコードのうち描いている部分です。
雛形（register.tsx）
register.tsx
import type { Register } from 'claude-code'
// Drawn like ctx by afterever (pane, band, toast), as modscode read it from the mod's code:
// https://modscode.com/gallery/afterever-ctx/
// Written by modscode from that reading, not copied from the mod: use it as you like.
// Each value below stands for one the mod works out at run time; put in your own.
export const register: Register = on => {
// the band above the prompt; what else goes there is drawn under it
on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
const { Box, Text, Button } = $.ui.resolve(e)
const text = '…'
const text2 = '…'
const text3 = '…'
const fmtTokens = '…'
const percent = '…'
const text4 = '…'
const text5 = '…'
const text6 = '…'
const fmtDelta = '…'
const text7 = '…'
const text8 = '…'
const text9 = '…'
const warnBadge = '…'
const fmtUsd = '…'
return (
<Box flexDirection="column">
<Box flexDirection="row" justifyContent="space-between" width="100%" columnGap={2}>
<Box flexDirection="row" columnGap={1} flexShrink={1}>
<Text dimColor>
ctx
</Text>
<Box flexDirection="row" flexShrink={0}>
<Text>
{text}
</Text>
<Text>
{text2}
</Text>
<Text>
{text3}
</Text>
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text dimColor>
{`${fmtTokens}/${fmtTokens}·`}
</Text>
<Text bold>
{`${percent}%`}
</Text>
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude" dimColor>
{text4}
</Text>
<Text color="claude" dimColor>
{text5}
</Text>
<Text color="claude" dimColor>
{text6}
</Text>
</Box>
<Text dimColor>
{fmtDelta}
</Text>
<Box flexDirection="row" flexShrink={0}>
<Text>
{text7}
</Text>
<Text>
{text8}
</Text>
<Text>
{text9}
</Text>
</Box>
<Text bold>
{warnBadge}
</Text>
<Text dimColor>
{`· ~${fmtUsd}/request`}
</Text>
<Text color="warning">
⚠ stale
</Text>
</Box>
<Button label="📊▾" hotkey="x" plain />
</Box>
{await next(e)}
</Box>
)
})
// the pane: open it with $.ui.open({ id: 'my-pane', title: "ctx" })
on('ui.render', { component: 'Pane', requestId: 'my-pane' }, async ($, e) => {
const { Box, Text, Button } = $.ui.resolve(e)
const fmtTokens = '…'
const percent = '…'
const fmtIdle = '…'
const fmtUsd = '…'
const text = '…'
const text2 = '…'
const text3 = '…'
const marker = '…'
const text4 = '…'
const text5 = '…'
const text6 = '…'
const turnCount = '…'
const trendLabel = '…'
const turnsLeft = '…'
const amount = '…'
const tail = '…'
const carryLine = '…'
const turnLine = '…'
const missLine = '…'
const payback = '…'
const name = '…'
const fmtShare = '…'
const name2 = '…'
const fmtTokens2 = '…'
const fmtShare2 = '…'
const name3 = '…'
const fmtTokens3 = '…'
const fmtShare3 = '…'
const fill = '…'
const rest = '…'
const fmtTokens4 = '…'
const count = '…'
const mcpDeferredCount = '…'
const right = '…'
const right2 = '…'
const right3 = '…'
const fill2 = '…'
const rest2 = '…'
const fmtTokens5 = '…'
const count2 = '…'
const type = '…'
const shortPath = '…'
const fmtTokens6 = '…'
const fmtTokens7 = '…'
const fmtTokens8 = '…'
const fill3 = '…'
const rest3 = '…'
const fmtTokens9 = '…'
const count3 = '…'
const right4 = '…'
const right5 = '…'
const right6 = '…'
const length = '…'
const fill4 = '…'
const rest4 = '…'
const fmtTokens10 = '…'
const count4 = '…'
const right7 = '…'
const right8 = '…'
const right9 = '…'
const fill5 = '…'
const rest5 = '…'
const fmtTokens11 = '…'
const fmtCount = '…'
const fill6 = '…'
const rest6 = '…'
const fmtTokens12 = '…'
const count5 = '…'
const label = '…'
const turn = '…'
const fill7 = '…'
const rest7 = '…'
const fmtTokens13 = '…'
const count6 = '…'
const streak = '…'
const fmtTokens14 = '…'
const fmtTokens15 = '…'
const fmtTokens16 = '…'
const right10 = '…'
const right11 = '…'
const status = '…'
const ago = '…'
return (
<Box flexDirection="column">
<Box flexDirection="row" justifyContent="space-between" width="100%" columnGap={2}>
<Box flexShrink={1}>
<Text bold wrap="truncate-end">
Context window
</Text>
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text dimColor>
{`${fmtTokens}/${fmtTokens}·`}
</Text>
<Text bold>
{`${percent}%`}
</Text>
</Box>
</Box>
<Text color="error" bold wrap="wrap">
⚠ Auto-compact is close · c compacts on your terms
</Text>
<Box flexDirection="column">
<Text color="warning" bold wrap="wrap">
{`⚠ cache likely expired · idle ${fmtIdle}`}
</Text>
<Text color="inactive" dimColor wrap="wrap">
{` next request re-writes ${fmtTokens} ≈ ~${fmtUsd} (warm ~${fmtUsd})`}
</Text>
<Text color="inactive" dimColor wrap="wrap">
{` c compact first: re-writes ~${fmtTokens} ≈ ~${fmtUsd}`}
</Text>
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text>
{text}
</Text>
<Text>
{text2}
</Text>
<Text>
{text3}
</Text>
</Box>
<Text color="inactive" dimColor>
{marker}
</Text>
<Box flexDirection="column">
<Box flexDirection="row" columnGap={1}>
<Text color="inactive" dimColor>
trend
</Text>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude" dimColor>
{text4}
</Text>
<Text color="claude" dimColor>
{text5}
</Text>
<Text color="claude" dimColor>
{text6}
</Text>
</Box>
<Text color="inactive" dimColor>
{turnCount}
</Text>
</Box>
<Box flexDirection="row" flexWrap="wrap" columnGap={1}>
<Text color="inactive" dimColor>
{trendLabel}
</Text>
<Text color="error">
{`· ~${turnsLeft} turn to auto-compact`}
</Text>
</Box>
</Box>
<Box flexDirection="column">
<Text wrap="wrap">
<Text color="inactive" dimColor>
{"session "}
</Text>
<Text color="success">
{amount}
</Text>
<Text color="inactive" dimColor>
{tail}
</Text>
</Text>
<Text color="inactive" dimColor wrap="wrap">
{carryLine}
</Text>
<Text dimColor wrap="wrap">
{turnLine}
</Text>
<Text color="error" wrap="wrap">
{missLine}
</Text>
<Text color="inactive" dimColor wrap="wrap">
{`compact now saves ~${fmtUsd}/request · ~${fmtUsd} once · pays back in ~${payback} request`}
</Text>
<Text color="inactive" dimColor wrap="wrap">
{`at auto in ~${turnsLeft} turns · waiting costs ~${fmtUsd} more`}
</Text>
</Box>
<Text>
{" "}
</Text>
<Box flexDirection="row" width="100%" columnGap={1}>
<Text color="inactive" dimColor>
·
</Text>
<Box flexGrow={1} flexShrink={1}>
<Text wrap="truncate-end">
{name}
</Text>
</Box>
<Text dimColor>
{fmtTokens}
</Text>
<Text bold>
{fmtShare}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Text color="inactive" dimColor>
·
</Text>
<Box flexGrow={1} flexShrink={1}>
<Text wrap="truncate-end">
{name2}
</Text>
</Box>
<Text dimColor>
{fmtTokens2}
</Text>
<Text bold>
{fmtShare2}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Text color="inactive" dimColor>
·
</Text>
<Box flexGrow={1} flexShrink={1}>
<Text wrap="truncate-end">
{name3}
</Text>
</Box>
<Text dimColor>
{fmtTokens3}
</Text>
<Text bold>
{fmtShare3}
</Text>
</Box>
<Text>
{" "}
</Text>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ MCP tools" hotkey="m" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill}
</Text>
<Text color="inactive" dimColor>
{rest}
</Text>
</Box>
<Text dimColor>
{fmtTokens4}
</Text>
<Text bold>
{count}
</Text>
</Box>
<Text color="inactive" dimColor wrap="truncate-end">
{` + ${fmtTokens} in ${mcpDeferredCount} deferred, loaded on demand`}
</Text>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right2}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right3}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ Memory files" hotkey="f" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill2}
</Text>
<Text color="inactive" dimColor>
{rest2}
</Text>
</Box>
<Text dimColor>
{fmtTokens5}
</Text>
<Text bold>
{count2}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text>
{" "}
</Text>
<Button label={`${type} ${shortPath} ↗`} plain dimColor />
</Box>
<Text dimColor>
{fmtTokens6}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text>
{" "}
</Text>
<Button label={`${type} ${shortPath} ↗`} plain dimColor />
</Box>
<Text dimColor>
{fmtTokens7}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text>
{" "}
</Text>
<Button label={`${type} ${shortPath} ↗`} plain dimColor />
</Box>
<Text dimColor>
{fmtTokens8}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ Skills" hotkey="s" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill3}
</Text>
<Text color="inactive" dimColor>
{rest3}
</Text>
</Box>
<Text dimColor>
{fmtTokens9}
</Text>
<Text bold>
{count3}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right4}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right5}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right6}
</Text>
</Box>
<Text color="inactive" dimColor>
{` +${length} more, ${fmtTokens}`}
</Text>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ Agents" hotkey="a" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill4}
</Text>
<Text color="inactive" dimColor>
{rest4}
</Text>
</Box>
<Text dimColor>
{fmtTokens10}
</Text>
<Text bold>
{count4}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right7}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right8}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right9}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Text>
{" Slash commands"}
</Text>
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill5}
</Text>
<Text color="inactive" dimColor>
{rest5}
</Text>
</Box>
<Text dimColor>
{fmtTokens11}
</Text>
<Text bold>
{fmtCount}
</Text>
</Box>
<Text color="inactive" dimColor>
╌╌╌╌╌╌╌╌
</Text>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ Heaviest results" hotkey="h" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill6}
</Text>
<Text color="inactive" dimColor>
{rest6}
</Text>
</Box>
<Text dimColor>
{fmtTokens12}
</Text>
<Text bold>
{count5}
</Text>
</Box>
<Text color="inactive" dimColor>
{` nothing over ${fmtTokens} yet`}
</Text>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${label}`}
</Text>
</Box>
<Text color="inactive" dimColor>
{`t${turn}`}
</Text>
<Text>
{`~${fmtTokens}`}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${label}`}
</Text>
</Box>
<Text color="inactive" dimColor>
{`t${turn}`}
</Text>
<Text>
{`~${fmtTokens}`}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${label}`}
</Text>
</Box>
<Text color="inactive" dimColor>
{`t${turn}`}
</Text>
<Text>
{`~${fmtTokens}`}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={1}>
<Box flexGrow={1} flexShrink={1}>
<Button label="▾ Unused so far" hotkey="d" plain />
</Box>
<Box flexDirection="row" flexShrink={0}>
<Text color="claude">
{fill7}
</Text>
<Text color="inactive" dimColor>
{rest7}
</Text>
</Box>
<Text dimColor>
{fmtTokens13}
</Text>
<Text bold>
{count6}
</Text>
</Box>
<Box flexDirection="column" width="100%">
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${name}`}
</Text>
</Box>
<Text color="warning">
{`idle ${streak} sessions`}
</Text>
<Text dimColor>
{fmtTokens14}
</Text>
</Box>
<Text color="inactive" dimColor wrap="truncate-end">
{` ~${fmtUsd} so far · ~${fmtUsd}/session`}
</Text>
</Box>
<Box flexDirection="column" width="100%">
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${name}`}
</Text>
</Box>
<Text color="warning">
{`idle ${streak} sessions`}
</Text>
<Text dimColor>
{fmtTokens15}
</Text>
</Box>
<Text color="inactive" dimColor wrap="truncate-end">
{` ~${fmtUsd} so far · ~${fmtUsd}/session`}
</Text>
</Box>
<Box flexDirection="column" width="100%">
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor wrap="truncate-end">
{` ${name}`}
</Text>
</Box>
<Text color="warning">
{`idle ${streak} sessions`}
</Text>
<Text dimColor>
{fmtTokens16}
</Text>
</Box>
<Text color="inactive" dimColor wrap="truncate-end">
{` ~${fmtUsd} so far · ~${fmtUsd}/session`}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right10}
</Text>
</Box>
<Box flexDirection="row" width="100%" columnGap={2}>
<Box flexGrow={1} flexShrink={1}>
<Text dimColor>
{` ${name}`}
</Text>
</Box>
<Text dimColor>
{right11}
</Text>
</Box>
<Text color="inactive" dimColor wrap="wrap">
{" servers idle 5+ sessions here: consider turning them off for this project in /mcp"}
</Text>
<Text>
{" "}
</Text>
<Box flexDirection="row" columnGap={2} flexWrap="wrap">
<Button label="↻ refresh" hotkey="r" plain />
<Button label="⇣ compact" hotkey="c" plain />
<Button label="◉ autokeep" hotkey="k" plain />
<Button label="◉ cost" hotkey="p" plain />
<Button label="◉ exact" hotkey="e" plain />
<Text color="inactive" dimColor>
{`${status} · ${ago}`}
</Text>
<Text color="warning">
⚠ stale
</Text>
</Box>
<Text color="inactive" dimColor wrap="wrap">
Shown above the prompt. In the fullscreen layout (110+ columns) this docks beside the transcript.
</Text>
<Text color="inactive" dimColor>
ctx v0.6.2
</Text>
</Box>
)
})
on('session.start', async ($, e, next) => {
const skip = '…'
await $.ui.toast(`Compacting…`)
await $.ui.toast(`Compaction skipped: ${skip}`)
return next(e)
})
}
Mod 自身のコード
読んだコミットにライセンスの全文が見つからなかったため、ソースの場所へのリンクだけにしています。
ctx/hooks/register.tsx720〜779 行ctx/hooks/register.tsx383〜399 行ctx/hooks/register.tsx402〜410 行ctx/hooks/register.tsx415〜439 行ctx/hooks/register.tsx442〜459 行ctx/hooks/register.tsx790〜949 行
コードが呼ぶもの
プログラム起動環境変数ツール呼び出し保存
コードから読み取ったデザイン
Compacting…
Compaction skipped: Skills
Claude に頼む…
Context window
12.4k/12.4k·42%
⚠ cache likely expired · idle 2h 10m next request re-writes 12.4k ≈ ~$1.24 (warm ~$1.24) c compact first: re-writes ~12.4k ≈ ~$1.24
Heaviest resultsHeaviest resultsHeaviest results
Memory filestrend
Heaviest resultsHeaviest resultsHeaviest results
3build· ~2h 10m turn to auto-compact
session $1.24Free spaceContext windowHeaviest resultsAgentscompact now saves ~$1.24/request · ~$1.24 once · pays back in ~Context window requestat auto in ~2h 10m turns · waiting costs ~$1.24 more
·
build
12.4k42%·
build
12.4k42%·
build
12.4k42%m ▾ MCP tools
42%3
12.4k3 build
Agents build
Agents build
Agentsf ▾ Memory files
42%3
12.4k3 note src/app.ts ↗
12.4k note src/app.ts ↗
12.4k note src/app.ts ↗
12.4ks ▾ Skills
42%3
12.4k3 build
Agents build
Agents build
Agentsa ▾ Agents
42%3
12.4k3 build
Agents build
Agents build
Agents Slash commands
42%3
12.4k3h ▾ Heaviest results
42%3
12.4k3 build
tMessages~12.4k build
tMessages~12.4k build
tMessages~12.4kd ▾ Unused so far
42%3
12.4k3 build
idle Autokeep off sessions12.4k build
idle Autokeep off sessions12.4k build
idle Autokeep off sessions12.4k build
Agents build
Agentsr ↻ refreshc ⇣ compactk ◉ autokeepp ◉ coste ◉ exactok · 2h 10m⚠ stale
Shown above the prompt. In the fullscreen layout (110+ columns) this docks beside the transcript.ctx v0.6.2読み取ったコミットのソースから描いたもので、動かした結果ではありません。一覧は 3 回描き、条件はデスクトップアプリで描く最初の分岐を取り、動かしたときにだけ決まる値は仮の例（点線の下線）にするか省きます。色と書体はこのサイトのものです。
コードから読めること
2026-10-06 に読んだコミット 716c2612594f のソースから。最初のまとまりが載せる条件で、残りは自分で判断するための材料です。後のコミットは、次に読むまで見ていません。
| 載せる条件: 確かめやすいコード | |
|---|---|
| 入口を読んだ | hooks/hooks.json が名指すモジュールをすべて読んだ。ctx/hooks/register.tsx |
| 解析できる | すべてのファイルが TypeScript か JavaScript として解析できる。6 ファイルを解析 |
| コードが Mod の中で完結 | import は Mod 自身のファイルかエンジンのモジュールだけ。パッケージも require もない。コードはすべて Mod の中 |
| 読める | 圧縮した行・eval・new Function・計算した道の import()・符号化した塊がない。圧縮・eval・符号化した塊なし |
| 呼び出しが見える | 通信とプログラム起動はその場で $.http.fetch・$.process.run と書き、他へ渡さない。外への呼び出しはすべてその場の $ で |
| 入れる前に自分で判断する材料 | |
| 描く場所 | コードから読んだ、描く先。ターミナル・デスクトップアプリ・両方・何も描かない（フックだけ: 見張りやプロンプトの書き換え）のどれか。出すだけで、外す理由にはしない。ターミナルとデスクトップアプリに同じように描く |
| 入れる手順 | リポジトリ自身の .claude-plugin/marketplace.json にこの Mod が載っていて、ページに書いた手順でそのマーケットプレイスから入れられるか。リポジトリの .claude-plugin/marketplace.json に載っており、そこから入れられる |
| Windows のプログラム | $.process で起動するプログラムが Windows にあるか（tail・date・open・osascript・/usr/… などは無い）。Windows にないプログラムを使わない |
| 通信 | fetch の送り先（https のホスト）がコードに書いてあるか。通信なし |
| プログラム | 起動するプログラムの名前がコードに書いてあり、シェル・インタプリタ・通信用の道具でないか。ctx/hooks/register.tsx:259 実行時に決まるプログラム |
| 読んで送る | ファイルや環境変数を読み、かつ通信するか。通信しない |
| ソースの鍵 | ソースに API キーや秘密鍵らしきものがあるか。ソースに鍵なし |
| ライセンス | オープンなライセンス（MIT・Apache-2.0・BSD・ISC・Unlicense・0BSD・CC0）で全文があれば、modscode にコードを載せる。違えばリンクだけ。ライセンスなし |
コードの文面を読んだだけで、安全の審査ではありません。動かしてはおらず、起動するプログラムの中で何が起きるかも見えません。入れる前の確認はあなたの役目です。 載せる条件
入れる
入れる前に、必ず自分で確かめてください。Mod はサンドボックスなしで、あなたの権限で動きます。modscode はこのコードの安全を保証しません。下のコードを読み（またはフォルダーで claude plugin validate .）、触るものを見て、読んだコミットを入れてください。
リポジトリがそのままマーケットプレイスです。このマーケットプレイスを足し（ターミナルでは次のコマンド、デスクトップアプリではプラグインの設定）、そこから Mod を入れます。
/plugin marketplace add afterever/claude-mods/plugin install ctx@afterever-mods入るのはマーケットプレイスの最新のコミットで、ここで読んだもの（716c2612594f）と違うことがあります。入れる前に見比べてください。
Claude に聞く
modscode のコネクタを入れると、Claude がこのデザイン・コードが触るもの・コードを読んで、それをもとに作れます。たとえば:
modscode のデザイン「afterever-ctx」をコードごと読んで、同じようなペインを作って似たデザイン
-
Claude に頼む…2h 10m · █████░░░✓ build ✓ build ✓ buildJavaKotlin3 Python■ ok 3 ■ ok 3 ■ ok 3 Razor proven 3 Razor proven 3 Razor proven 3Phases ──────── 3/3build Pythonbuild Pythonbuild Python… 3 more phasesLua ──────── 3/Kotlin■ the whole upgrade Ruby■ build build Ruby■ build build Ruby■ build build Ruby … 3 moreNext ──────── PythonRuby (by hand)Podsclick a button, or ctrl+x tab then Tab, EnterAttention ──────── 3! Scala ! Scala ! Scala … 3 moreSession ──────── okJava
-
Open a file first: /crit-tui file <path>Reopen this one in the crit browser view.Claude に頼む…
-
Claude に頼む…TodayOct 63 left · Mar overdueRemCTL: Sep✓ All done for today.● build3● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓● build3● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓● build3● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓● Fix login ● ⚑Jul · build✓Updated 14:32UndoRefresh
-
Claude に頼む…TO graph› Fix login › Fix login › Fix loginScopeThis featureWhole projectHide done stepsReconnect
-
Claude に頼む…Blast Radius⚠ Blast Radius · buildCommand npm testWould CancelProceed Proceed ProceedBash1 Proceed2 CancelClaude is waiting on your answer
-
Claude に頼む…Agent Radar● Edit note · 2h 10m · 0 toolsnow: starting────────No messages yet.agent: (tool calls)agent: (tool calls)agent: (tool calls)Back bClose q