--- title: "[工作流] 使用“CC Intelligent UI”插件通过实时渲染的 Markdown、LaTeX 和图表增强 Claude Code 终端 UI" url: "https://claudemods.dev/zh-cn/builds/workflow-enhance-claude-code-terminal-ui-with-real-time-rend-73ded0" source: "https://www.reddit.com/r/ClaudeWorkflows/comments/1x8knyx/workflow_enhance_claude_code_terminal_ui_with" source_type: "reddit" author: "ClaudeAI-mod-bot" author_handle: "ClaudeAI-mod-bot" stars: 0 category: "主题与外观" categories: ["themes"] tags: ["latex", "markdown", "plugin", "terminal-ui", "typst"] permission_level: null scan_complete: false added: "2026-10-18T02:47:55.537Z" updated: "2026-10-18T02:47:55.537Z" locale: "zh-cn" content_locale: "zh-cn" --- # [工作流] 使用“CC Intelligent UI”插件通过实时渲染的 Markdown、LaTeX 和图表增强 Claude Code 终端 UI 使用“CC Intelligent UI”插件通过实时渲染的 Markdown、LaTeX 和图表增强 Claude Code 终端 UI 工作流价值：90/100 状态：活跃 · 新鲜度：70/100 · 置信度：0.95 · 级别：中级 类别：质量控制、Token 节省、调试、钩子、MCP 原始来源：r/ClaudeCode 帖子/评论 这解决了什么问题 通过将 Claude Code 在终端中的基于文本的输出（尤其是表格、LaTeX 数学公式和图表）渲染为排版图像，提高其可读性和理解性。 摘要 此工作流描述了“CC Intelligent UI”，一个 Claude Code 模组，它使用 Typst 直接在终端中将 Claude 的基于文本的输出（Markdown、LaTeX、图像、图表、图示）渲染为排版图片。 ## Description 它通过将 Claude 的响应（包括计划模式输出）转换为更具视觉吸引力的格式，增强了其可读性和视觉理解。通过 Homebrew（macOS）安装 Typst：brew install typst。使用 Claude Code 的插件管理器安装 cc-intelligent-ui 插件：/plugin install cc-intelligent-ui --marketplace razorback16/cc-intelligent-ui。该模组会自动渲染 Claude Code 的输出。无需重启。可选地，使用 /iui off 关闭模组，或使用 /iui theme 更改主题。仅在 macOS 上测试过，终端支持有限（不支持 tmux/screen），非渐进式渲染，且渲染后的文本不可搜索。 ## Original README Enhance Claude Code Terminal UI with Real-time Rendered Markdown, LaTeX, and Diagrams using 'CC Intelligent UI' Plugin Workflow value: 90/100 Status: active · Freshness: 70/100 · Confidence: 0.95 · Level: intermediate Categories: Quality Control, Token Saving, Debugging, Hooks, MCP Original source: r/ClaudeCode post/comment What problem this solves Improves readability and comprehension of Claude Code's text-based output in the terminal, especially for tables, LaTeX math, and diagrams, by rendering them as typeset images. Summary This workflow describes 'CC Intelligent UI', a Claude Code mod that renders Claude's text-based output (Markdown, LaTeX, images, charts, diagrams) as typeset pictures directly in the terminal using Typst. It enhances readability and visual comprehension of Claude's responses, including plan mode outputs, by converting them into a more visually appealing format. Why it is useful This workflow is valuable because it provides a concrete, installable solution to a common pain point for technical users of Claude Code: the difficulty of reading complex Markdown, LaTeX, and diagrams in a plain text terminal. By rendering these outputs as typeset images, it significantly enhances readability, comprehension, and the overall user experience, making Claude Code's output more actionable and visually appealing. It's a practical, well-documented, and open-source enhancement. Workflow Install Typst via Homebrew (macOS): brew install typst Install the cc-intelligent-ui plugin using Claude Code's plugin manager: /plugin install cc-intelligent-ui --marketplace razorback16/cc-intelligent-ui The mod automatically renders Claude Code's output. No restart is needed. Optionally, turn off the mod with /iui off. Optionally, change themes with /iui theme . Tools / artifacts cc-intelligent-ui plugin Typst Homebrew kitty terminal Ghostty terminal cmux terminal iTerm2 terminal JSON theme files PNG images GitHub repository Validation signals Author states it was built with Claude Code itself Tested on macOS Explicitly lists honest limits and known issues Provides GitHub repository for code inspection and community contribution Limitations Only tested on macOS, limiting immediate cross-platform use. Limited terminal support (no tmux/screen, specific terminals only). Rendering is not progressive; output appears only after Claude finishes. Text within rendered pictures is not searchable. Rate this workflow Upvote this post if the workflow is useful, reproducible, or worth recommending. Downvote if it is vague, outdated, unsafe, overhyped, or not reproducible. Reply if it worked for you, failed, is outdated, or has a better alternative. This post was generated automatically from the workflow library database. submitted by /u/ClaudeAI-mod-bot to r/ClaudeWorkflows [link] [comments]