Communitygithub.com

終端UI設計/評審工具(Gentle Shell風格)

觸發情境:終端UI設計、終端介面改造、Gentle Shell風格、將IDE置入終端、側邊欄/狀態列打磨、終端UI評審。設計、評審並優化終端使用者介面,同時提供視覺驗證。

評審工具(Gentle Shell風格) 是什麼?

此技能專注於設計、評審與改良終端使用者介面(TUI),特別針對「Gentle Shell」此類以IDE風格為核心的終端環境。它強調打造一種「密集、平靜、開發者優先」的視覺體驗,而非復古的終端裝飾。技能內建嚴謹的操作規則,例如在修改前必須先截取終端畫面(PNG)來進行視覺比對,以避免單從程式碼判斷外觀。它提供一系列指令(如`document`、`shape`、`critique`、`distill`、`polish`)來引導使用者從設計脈絡建立、元件佈局、到最終打磨的完整流程。此技能支援多種開發者平台(如Claude Code、Cursor等),並透過明確的「決策關卡」表格,讓使用者能根據當下階段(如尚未有設計脈絡、需要改造、或僅需評審)選擇對應的指令與參考文件。最終的輸出合約會要求回傳前後對照的PNG路徑與問題修復清單,確保每一次變更都有視覺證據支撐。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Gentleman-Programming/gentle-shell/tree/HEAD/skills/tui-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

啟用合約

用於設計、評審或改造終端介面(面板、側欄、狀態列、卡片、提示),特別針對 Gentle Shell。目標風格是將 IDE 放入終端機:密集、沉穩、以開發者為優先,絕非復古 TUI 風格的裝扮。不適用於網頁(請使用 gentle-design)。

硬性規則

  • 絕不單從程式碼或記憶來評斷終端 UI:請先截圖(references/visual-loop.md)並在每次修改前後查看 PNG。
  • 在進行任何 UI 編輯前,務必閱讀 references/terminal-craft.md;這是基本底線,而非建議。
  • 操作模式:熟悉度勝過表現力。使用 IDE 的詞彙(窗格、樹狀結構、分頁、狀態列、命令面板);品牌存在於色板、密度和一個標誌性動作中。
  • 每一行都有代價。層次結構來自於顏色角色、字重和對齊,而非空白行或巢狀外框。
  • 每個畫面只陳述一個事實一次。在標題中顯示的資料不會在面板中重複。
  • 一個指令,一個目標。精煉保留系統;重新設計則取代系統。絕不美化即將被拋棄的外觀。
  • 渲染保持輕量:渲染路徑中不可有 I/O 或重新計算,快取鍵包含所有會改變輸出的因素(樣式、寬度、主題)。
  • 模型(透過 gentle-design)必須能以終端機表達:使用 ch 單位的等寬字元網格,僅有前景/背景色、粗體/暗淡/斜體/底線/刪除線、框線繪製字元及字形。

決策關卡

提問指令載入
尚無產品/設計脈絡documentreferences/design-doc.md
新介面或重新設計shape,然後模型,最後實作references/commands.md

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

Gentleman-Programming/gentle-ai-issue-creation

Create and triage GitHub issues from repository evidence. Trigger: issue creation, bug reports, feature requests, or issue approval.

Gentleman-Programming/gentle-ai-judgment-day

Trigger: judgment day, judgement day, dual review, adversarial review, juzgar. Run explicit blind dual review with at most two scoped fix/re-judgment rounds.

Gentleman-Programming/gentle-ai-rdd-defect-workflow

Trigger: RDD, receipt-driven development, review authority, receipt/lineage, correction/recovery, delivery gate/kill switch, bounded review defects. Guide work.

Gentleman-Programming/gentle-ai-skill-creator

Trigger: /skill-creation, skill creation, skill creator, create skill, new skill. Create LLM-first skills with valid frontmatter.

Gentleman-Programming/gentle-ai-skill-improver

Trigger: improve skills, audit skills, refactor skills, skill quality. Audit and upgrade existing LLM-first skills.

Gentleman-Programming/gentle-ai-skill-registry

Trigger: update skills, skill registry, actualizar skills, after skill changes. Index available skills by trigger and path.

Gentleman-Programming/gentle-ai-work-unit-commits

Plan commits as reviewable work units. Trigger: implementation, commit splitting, chained PRs, or keeping tests and docs with code.

Gentleman-Programming/gentle-design

Trigger: design a screen or page, mockup, landing page, UI directions, artboards, try a different approach, design system sync. Write self-contained HTML design directions under design/<slug>/.

Gentleman-Programming/release

Release gentle-pi through GitHub and npm. Trigger: release, publish, npm publish, GitHub release, version bump.

相關技能