GitHub リポジトリ · 投稿者 dayebbb

CLI をデスクトップ風に見せる claude code mod の紹介

Name: CLI をデスクトップ風に見せる claude code mod の紹介
Author: dayebbb

Reddit の投稿で cc-desktop-mod を紹介。これは Claude Code の mod で、Claude Desktop のような機能と美学をターミナル CLI に持ち込むことを目的としており、GitHub リポジトリへのリンクがあるが、検証済みのマニフェストや完全なスキャンはない。

dayebbb@dayebbb

KyongSik-Yoon/cc-desktop-mod

翻訳済み

この mod について

著者は個人プロジェクト cc-desktop-mod を共有している。これは Claude Code CLI を、より快適でデスクトップのようなターミナルインターフェースで強化する。動機は、Electron ベースの Claude Desktop を避けつつ、より良い外観を得て、変更や Git 関連のタスクのためにブラウザに切り替える必要性を減らすことである。投稿は GitHub リポジトリにリンクしているが、インストール手順や検証済みのプラグインマニフェストの詳細は含まれていない。

インストール

まず作者の README で marketplace とプラグイン名を確認してください。コマンドはリポジトリの構成によって変わる場合があります。

claude plugin marketplace add KyongSik-Yoon/cc-desktop-mod
claude plugin install desk-look@cc-desktop-mod

原文 / README

https://github.com/KyongSik-Yoon/cc-desktop-mod Yes. Claude Desktop is certainly a great application, but...I do not particularly prefer Electron apps (especially in terms of resource inefficiency), so I have consistently used the Claude Code CLI in the terminal. The only downsides to using it were that it wasn't very aesthetically pleasing and the hassle of switching to a browser for changes or Git-related tasks. For that reason, I decided to make the most of the recently released Claude mod to bring as many features of the Claude desktop as possible into the terminal! I am continuing to use it and make improvements, and I am satisfied that the environment is much better than before.I am sharing my small project in the hope that others can also enjoy these benefits. submitted by /u/dayebbb to r/ClaudeCode [link] [comments]

作品情報

作者: dayebbb
用途: ダッシュボード・HUD
掲載日: 2026年10月15日
ソース更新日: 2026年10月16日
スター数: 1
権限の足跡: 少なくとも L2（スキャン不完全）
回閲覧: 0

clidesktop-uigithubterminal-uitui

この作品を報告あなたの作品ですか？所有者確認へ

スポンサー

掲載は週 $10 から

少なくとも L2（スキャン不完全）

権限の足跡

自動スキャンの結果です。インストール前にソースを確認してください。レベルは機能を示すもので、安全認証ではありません。

スキャンは未完了です。外部依存をスキャンできません： <package>/dist/index.js 表示されているレベルは下限です。解析できなかった部分にはより高い権限が含まれる可能性があります。

コマンド実行
ファイル読み取り
環境変数
ツール呼び出しの介入
ツール登録

検出箇所を見る（97）

コマンド実行・行510 行desk-look/hooks/register.tsxconst inside = await $.process.run(['git', 'rev-parse', '--is-inside-work-tree'], opts)

コマンド実行・行518 行desk-look/hooks/register.tsx$.process.run(['git', 'rev-parse', '--show-toplevel'], opts),

コマンド実行・行519 行desk-look/hooks/register.tsx$.process.run(['git', 'rev-parse', '--abbrev-ref', 'HEAD'], opts),

コマンド実行・行520 行desk-look/hooks/register.tsx

$.process.run(['git', 'diff', 'HEAD', '--no-color', '--no-ext-diff', '--src-prefix=a/', '--dst-prefix=b/'], opts).then(ran => (ran.exitCode === 0 ? ran : $.process.run(['git', 'diff', '--no-color', '-

コマンド実行・行521 行desk-look/hooks/register.tsx$.process.run(['git', 'ls-files', '--others', '--exclude-standard'], opts),

コマンド実行・行525 行desk-look/hooks/register.tsx

const freshDiffs = await Promise.all(fresh.map(path => $.process.run(['git', 'diff', '--no-index', '--no-color', '--no-ext-diff', '--src-prefix=a/', '--dst-prefix=b/', '--', '/dev/null', path], opts))

コマンド実行・行533 行desk-look/hooks/register.tsx

const ignored = inRepo.length ? (await $.process.run(['git', 'check-ignore', '--stdin'], { ...opts, stdin: `${inRepo.join('\n')}\n` })).stdout.split('\n').filter(Boolean) : []

コマンド実行・行555 行desk-look/hooks/register.tsxconst top = await $.process.run(['git', 'rev-parse', '--show-toplevel'], { timeoutMs: 5000 })

コマンド実行・行556 行desk-look/hooks/register.tsxconst ran = await $.process.run(['git', 'restore', '--source=HEAD', '--staged', '--worktree', '--', path], {

ファイル読み取り・行589 行desk-look/hooks/register.tsxconst path = await $.fs.stat(asked, { resolve: true }).then(

ファイル読み取り・行593 行desk-look/hooks/register.tsxconst file: PreviewFile = await $.fs.read(path).then(

ファイル読み取り・行611 行desk-look/hooks/register.tsxconst real = await $.fs.stat(path, { resolve: true }).then(

コマンド実行・行676 行desk-look/hooks/register.tsx$.process.run(['git', 'rev-parse', '--abbrev-ref', 'HEAD'], { timeoutMs: 5000 }).catch(() => null),

コマンド実行・行751 行desk-look/hooks/register.tsxconst commit = /^c:([^:]+):$/.exec(prefix)

コマンド実行・行789 行desk-look/hooks/register.tsx

const [originHead, state] = await Promise.all([$.process.run(['git', 'symbolic-ref', '--quiet', '--short', 'refs/remotes/origin/HEAD'], opts), read($, pr)])

コマンド実行・行792 行desk-look/hooks/register.tsxconst found = await $.process.run(['git', 'rev-parse', '--verify', '--quiet', `${ref}^{commit}`], opts)

コマンド実行・行794 行desk-look/hooks/register.tsxconst base = await $.process.run(['git', 'merge-base', 'HEAD', ref], opts)

コマンド実行・行812 行desk-look/hooks/register.tsx

const ran = base ? await $.process.run(['git', 'diff', base.sha, '--no-color', '--no-ext-diff', '--src-prefix=a/', '--dst-prefix=b/'], opts) : null

コマンド実行・行820 行desk-look/hooks/register.tsx? await $.process.run(['git', 'log', LOG_FORMAT, `-n${MAX_COMMITS}`, `${base.sha}..HEAD`], opts)

コマンド実行・行821 行desk-look/hooks/register.tsx: await $.process.run(['git', 'log', LOG_FORMAT, `-n${MAX_COMMITS}`], opts)

コマンド実行・行837 行desk-look/hooks/register.tsx

const ran = await $.process.run(['git', 'show', '--stdin', '--format=%x1e%H', '--no-color', '--no-ext-diff', '--src-prefix=a/', '--dst-prefix=b/'], { timeoutMs: 8000, stdin }).catch(() => ({ exitCode:

環境変数・行875 行desk-look/hooks/register.tsxconst home = await $.env.get('HOME')

ファイル読み取り・行876 行desk-look/hooks/register.tsxconst toml = home ? await $.fs.read(`${home}/${OMARCHY_COLORS}`).catch(() => null) : null

環境変数・行878 行desk-look/hooks/register.tsx

const [colorterm, tmux] = await Promise.all([$.env.get('COLORTERM').catch(() => undefined), $.env.get('TMUX').catch(() => undefined)])

環境変数・行887 行desk-look/hooks/register.tsxconst [xdg, home] = await Promise.all([$.env.get('XDG_CONFIG_HOME'), $.env.get('HOME')])

ファイル読み取り・行889 行desk-look/hooks/register.tsxreturn base ? $.fs.read(`${base}/herdr/config.toml`).catch(() => '') : ''

コマンド実行・行905 行desk-look/hooks/register.tsxconst ran = await $.process.run(['id', '-u'], { timeoutMs: 3000 })

ファイル読み取り・行911 行desk-look/hooks/register.tsxfor (const project of await $.fs.list(root).catch(() => [])) {

ファイル読み取り・行923 行desk-look/hooks/register.tsxfor (const file of await $.fs.list(dir)) {

コマンド実行・行930 行desk-look/hooks/register.tsxconst ran = await $.process.run(['od', '-An', '-tu1', '-N', '24', path], { timeoutMs: 3000 }).catch(() => null)

環境変数・行948 行desk-look/hooks/register.tsxconst home = await $.env.get('HOME')

ファイル読み取り・行951 行desk-look/hooks/register.tsxconst folders = (await $.fs.list(root)).filter(entry => entry.kind === 'dir')

ファイル読み取り・行955 行desk-look/hooks/register.tsx(await $.fs.list(`${root}/${folder.name}`).catch(() => []))

ファイル読み取り・行967 行desk-look/hooks/register.tsxconst text = await $.fs.read(file.path).catch(() => '')

コマンド実行・行971 行desk-look/hooks/register.tsx$.process.run(['head', '-c', '262144', file.path], { timeoutMs: 5000 }).catch(() => ({ stdout: '' })),

コマンド実行・行972 行desk-look/hooks/register.tsx$.process.run(['tail', '-c', '262144', file.path], { timeoutMs: 5000 }).catch(() => ({ stdout: '' })),

コマンド実行・行996 行desk-look/hooks/register.tsxconst copied = await $.process.run(['wl-copy', '--', shell], { timeoutMs: 2000 }).catch(() => null)

ファイル読み取り・行1067 行desk-look/hooks/register.tsxconst raw = task.outputFile ? await $.fs.read(task.outputFile).catch(() => null) : null

ツール呼び出しの介入・行1100 行desk-look/hooks/register.tsx

const ran = await $.tool.call({ tool: 'TaskStop', task_id: task.id } as never).catch((error: unknown) => ({ deny: String(error) }))

ツール登録・行1657 行desk-look/hooks/register.tsxawait $.tool.register(previewTool(isPreviewAuto)).catch(() => undefined)

環境変数・行1698 行desk-look/hooks/register.tsx$.env.get('TMUX'),

環境変数・行1699 行desk-look/hooks/register.tsx$.env.get('ZELLIJ'),

環境変数・行1700 行desk-look/hooks/register.tsx$.env.get('HERDR_ENV'),

環境変数・行1701 行desk-look/hooks/register.tsx$.env.get('TERM'),

環境変数・行1702 行desk-look/hooks/register.tsx$.env.get('TERM_PROGRAM'),

環境変数・行1703 行desk-look/hooks/register.tsx$.env.get('CLAUDE_CODE_FORCE_TERMINAL_IMAGES'),

コマンド実行・行1810 行desk-look/hooks/register.tsx

const market = await $.process.run(['claude', 'plugin', 'marketplace', 'update', 'cc-desktop-mod'], { timeoutMs: 150_000 })

コマンド実行・行1812 行desk-look/hooks/register.tsx

const ran = await $.process.run(['claude', 'plugin', 'update', 'desk-look@cc-desktop-mod', '--json'], { timeoutMs: 150_000 })

ツール呼び出しの介入・行1823 行desk-look/hooks/register.tsxon('tool.call', { tool: PREVIEW_TOOL }, async ($, e) => {

ツール呼び出しの介入・行1885 行desk-look/hooks/register.tsxon('tool.call', async ($, e, next) => {

環境変数・行2235 行desk-look/hooks/register.tsx$.env.get('HOME'),

環境変数・行2580 行desk-look/hooks/register.tsx$.env.get('HOME').catch(() => undefined),

コマンド実行・行3009 行desk-look/hooks/register.tsxawait $.process.run(['tee', `${dir}/answer`], { stdin: JSON.stringify(payload), timeoutMs: 3000 })

コマンド実行・行3015 行desk-look/hooks/register.tsxvoid $.process.run(['tee', `${dir}/touched`], { stdin: String(++askTouches), timeoutMs: 3000 }).catch(() => undefined)

コマンド実行・行3495 行desk-look/hooks/register.tsx

const view = await $.process.run(['gh', 'pr', 'view', '--json', PR_FIELDS], { timeoutMs: READ_MS }).catch(error => ({ exitCode: 127, stdout: '', stderr: String(error) }))

コマンド実行・行3511 行desk-look/hooks/register.tsxconst ran = await $.process.run(

コマンド実行・行3545 行desk-look/hooks/register.tsx

const list = await $.process.run(['glab', 'mr', 'list', '--source-branch', branch, '--output', 'json'], { timeoutMs: READ_MS }).catch(failed)

コマンド実行・行3554 行desk-look/hooks/register.tsx

const view = await $.process.run(['glab', 'mr', 'view', String(iid), '--output', 'json'], { timeoutMs: READ_MS }).catch(failed)

コマンド実行・行3563 行desk-look/hooks/register.tsxconst host = /^https?:\/\/([^/]+)\//.exec(webUrl)?.[1]

コマンド実行・行3565 行desk-look/hooks/register.tsx

(host ? $.process.run(['glab', 'api', '--hostname', host, path], { timeoutMs: READ_MS }) : $.process.run(['glab', 'api', path], { timeoutMs: READ_MS }))

コマンド実行・行3574 行desk-look/hooks/register.tsx? $.process.run(['git', 'diff', '--shortstat', refs.base_sha, refs.head_sha], { timeoutMs: READ_MS })

コマンド実行・行3595 行desk-look/hooks/register.tsxconst host = /^https?:\/\/([^/]+)\//.exec(pr.url)?.[1]

コマンド実行・行3603 行desk-look/hooks/register.tsx

? $.process.run(['glab', 'api', '--hostname', host, '-X', 'PUT', path, '-f', sha, '-F', 'should_remove_source_branch=true', '-F', whenPipeline, '-F', autoMerge], { timeoutMs: MERGE_MS })

コマンド実行・行3604 行desk-look/hooks/register.tsx

: $.process.run(['glab', 'api', '-X', 'PUT', path, '-f', sha, '-F', 'should_remove_source_branch=true', '-F', whenPipeline, '-F', autoMerge], { timeoutMs: MERGE_MS })

コマンド実行・行3618 行desk-look/hooks/register.tsx

const settings = await $.process.run(['gh', 'repo', 'view', repo, '--json', 'mergeCommitAllowed,squashMergeAllowed,rebaseMergeAllowed,deleteBranchOnMerge'], { timeoutMs: MERGE_MS }).catch(failed)

コマンド実行・行3629 行desk-look/hooks/register.tsx

? $.process.run(['gh', 'pr', 'merge', String(pr.number), '-R', repo, how, '--match-head-commit', pr.headSha, '--auto'], { timeoutMs: MERGE_MS })

コマンド実行・行3630 行desk-look/hooks/register.tsx

: $.process.run(['gh', 'pr', 'merge', String(pr.number), '-R', repo, how, '--match-head-commit', pr.headSha], { timeoutMs: MERGE_MS })

コマンド実行・行3635 行desk-look/hooks/register.tsx

const removed = await $.process.run(['gh', 'api', '--hostname', where.host, '-X', 'DELETE', `repos/${where.owner}/${where.name}/git/refs/heads/${pr.head}`], { timeoutMs: MERGE_MS }).catch(failed)

コマンド実行・行4 行desk-look/hooks/images.tsreturn /^(\d+)\.png$/.exec(name)?.[1] ?? null

コマンド実行・行48 行desk-look/hooks/images.tsconst value = parseInt(/^#?([0-9a-f]{6})$/i.exec(color.trim())?.[1] ?? '000000', 16)

コマンド実行・行81 行desk-look/hooks/markdown.tsxconst fence = FENCE.exec(line)

コマンド実行・行99 行desk-look/hooks/markdown.tsxconst heading = HEADING.exec(line)

コマンド実行・行143 行desk-look/hooks/markdown.tsxconst item = LIST_ITEM.exec(current)

コマンド実行・行185 行desk-look/hooks/markdown.tsxconst match = INLINE.exec(rest)

コマンド実行・行277 行desk-look/hooks/markdown.tsx.map(line => /^([^\s:#][^:]*):\s*(.*)$/.exec(line))

コマンド実行・行435 行desk-look/hooks/markdown.tsxconst alert = ALERT.exec(block.raw)

コマンド実行・行3235 行desk-look/hooks/vendor/lovely-mermaid.jsconst labeled = /^(\S+?)\[(.+)\](:::\S+)?$/.exec(name);

コマンド実行・行52 行desk-look/hooks/diffview.tsxconst header = HEADER.exec(raw)

コマンド実行・行5 行desk-look/hooks/theme.tsconst match = /^#?([0-9a-f]{6})$/i.exec(value.trim())

コマンド実行・行21 行desk-look/hooks/theme.tsconst field = (key: string) => new RegExp(`^\\s*${key}\\s*=\\s*"([^"]*)"`, 'm').exec(toml)?.[1]

コマンド実行・行95 行desk-look/hooks/runs.tsconst approved = /##\s*Approved Plan[^\n]*\n([\s\S]+)$/.exec(output)

コマンド実行・行18 行desk-look/hooks/agents.tsconst match = /^claude-([a-z]+)-(\d+)(?:-(\d{1,2}))?(?:-\d{8})?(\[1m\])?$/.exec(model)

コマンド実行・行147 行desk-look/hooks/agents.tsconst tag = (block: string, name: string) => new RegExp(`<${name}>([\\s\\S]*?)</${name}>`).exec(block)?.[1]?.trim()

コマンド実行・行13 行desk-look/hooks/sessions.tsreturn { id, updatedAt, cwd: field('cwd').exec(head)?.[1] ?? '', title }

コマンド実行・行89 行desk-look/hooks/ask.tsxawait $.process.run(['tee', `${dir}/answer`], { stdin: JSON.stringify(payload), timeoutMs: 3000 })

環境変数・行93 行desk-look/hooks/ask.tsxconst [configDir, home] = await Promise.all([$.env.get('CLAUDE_CONFIG_DIR'), $.env.get('HOME')])

ファイル読み取り・行96 行desk-look/hooks/ask.tsxfor (const entry of await $.fs.list(`${base}/sessions`).catch(() => [])) {

ファイル読み取り・行98 行desk-look/hooks/ask.tsxif (isBridgedRecord(await $.fs.read(`${base}/sessions/${entry.name}`).catch(() => ''), sessionId)) return true

ツール呼び出しの介入・行109 行desk-look/hooks/ask.tsxon('tool.call', { tool: 'AskUserQuestion' }, async ($, e, next) => {

コマンド実行・行119 行desk-look/hooks/ask.tsxconst made = await $.process.run(['mktemp', '-d'], { timeoutMs: 3000 }).catch(() => null)

コマンド実行・行122 行desk-look/hooks/ask.tsxconst piped = await $.process.run(['mkfifo', `${dir}/answer`], { timeoutMs: 3000 }).catch(() => null)

コマンド実行・行124 行desk-look/hooks/ask.tsxawait $.process.run(['rm', '-rf', dir], { timeoutMs: 3000 }).catch(() => undefined)

コマンド実行・行145 行desk-look/hooks/ask.tsxconst ran = await $.process.run(['cat', `${dir}/answer`], { timeoutMs: roundS * 1000 }).catch(() => null)

ファイル読み取り・行157 行desk-look/hooks/ask.tsxconst touched = await $.fs.read(`${dir}/touched`).catch(() => '')

コマンド実行・行168 行desk-look/hooks/ask.tsxawait $.process.run(['rm', '-rf', dir], { timeoutMs: 3000 }).catch(() => undefined)

コマンド実行・行87 行desk-look/hooks/pr.tsconst match = /^https?:\/\/([^/]+)\/([^/]+)\/([^/]+)\/pull\/\d+/.exec(url)

コマンド実行・行208 行desk-look/hooks/pr.tsreturn { added: Number(/(\d+) insertion/.exec(text)?.[1] ?? 0), removed: Number(/(\d+) deletion/.exec(text)?.[1] ?? 0) }

CLI をデスクトップ風に見せる claude code mod の紹介

この mod について

インストール

関連作品

ruflo-docs

編集が触れたすべてのファイルを表示する Claude Code mod

token-optimizer