GitHub 儲存庫 · 發布者 dayebbb

介紹 claude code mod，將 CLI 過渡到桌面外觀

Name: 介紹 claude code mod，將 CLI 過渡到桌面外觀
Author: dayebbb

一篇 Reddit 貼文介紹 cc-desktop-mod，這是一個 Claude Code 模組，旨在將類似 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) }

介紹 claude code mod，將 CLI 過渡到桌面外觀

關於這個 mod

安裝

更多類似作品

ruflo-docs

一個顯示編輯觸及每個檔案的 Claude Code 外掛

token-optimizer