minuque

Pi Cc Extensions — Design skill for Claude Code

Design community

Claude Code-style TUI output with some personal touches and handy utilities.

How to install Pi Cc Extensions

This entry records only its repository, not the path inside it, so there is no exact command to give. Open minuque/pi-cc-extensions and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Pi Cc Extensions does

Claude Code-style TUI output with some personal touches and handy utilities.

Alternatives in Design

Explanatory Output Style — Educational output mode with insights about implementation choices 14k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Output Style Setup 597 ★

README

类 Claude Code TUI 输出风格，并融入了一些个人喜好，和一些实用小功能。

简体中文 · English

界面预览

https://github.com/user-attachments/assets/6c858000-fdad-43f9-957f-4d0278648498

快速开始

pi install npm:pi-cc-extensions

# GitHub
pi install git:github.com/minuque/pi-cc-extensions

安装后执行 `/reload`

功能

功能	说明	入口
Claude Code UI	工具摘要、折叠展开、rich edit/write diff，以及`on` / `compact` / `off` 三种模式	`/ccstyle`
Markdown 增强	Mermaid 图、提示框、URL 链接化等	自动生效
Fullscreen mode	工具卡/group 单击展开、双击收起、预览、hover 高亮、回到底部按钮	`TUIMODE=fullscreen` 或 `--tui-mode fullscreen`
配置面板	`Style / Diff / Thinking / UI / Feature` 五页签	`/ccstyle`
上下文检查	查看上下文占用，并预览 System prompt、Memory、Skills、Tools definition 和消息内容	`/context`
Session/Su