cli-ui-forge-skills

为 AI Agent 提供一套可复用、可约束、可落地的 CLI / Terminal UI skills。
Design terminal logos, banners, selection UIs, and prompt layouts with stronger structure and less generic noise.

---

Two Skills, One System

Skill	What It Does	When to Use
terminal-logo-ui	设计和实现 CLI 头部界面：logo、banner、header、welcome screen，并约束品牌转译、宽度适配、fallback 与信息区结构	当你要为 CLI 做启动头图、品牌字标、欢迎屏或命令页头部，并希望避免 generic terminal aesthetics 时
terminal-selection-ui	设计和实现终端中的 single-select、multi-select、checkbox、choice list，并约束状态模型、键位语义、布局模式、TTY 降级与渲染稳定性	当你要做 CLI 里的选项交互，并希望先把模型、状态和降级规则讲清楚，再去谈样式时

这两个 skills 共享同一套设计哲学：先定义模型，再定义样式；先处理真实终端边界，再处理装饰；用更少但更硬的 reference，把 agent 从“看图发挥”拉回“按约束工作”。

Skills

terminal-logo-ui

用于设计和实现：

• logo
• banner
• header
• welcome screen

它关注：

• 风格方向
• 品牌转译
• 宽度适配
• fallback
• 信息区与 CTA

terminal-selection-ui

用于设计和实现：

• single-select
• multi-select
• checkbox
• choice list

它关注：

• 状态模型
• 键位映射
• 布局模式
• TTY 降级
• 渲染稳定性

设计原则

• 先定义模型，再定义样式
• 先考虑真实终端边界，再做装饰
• 避免 generic terminal aesthetics
• 每个 skill 只保留 3 个必读 reference，降低噪音并增强约束

项目结构

• assets/: CLI logo 资产（SVG / PNG / 文本草稿）
• scripts/: 生成 logo 资产的脚本
• skills/: skills 与 references

参考来源

• pproenca/dot-skills@terminal-ui
• eddiebe147/claude-settings@terminal-ui-design
• partme-ai/full-stack-skills@ascii-cli-logo-banner
• partme-ai/full-stack-skills@cli-ascii-logo

当前状态

当前已完成：

1. terminal-logo-ui
2. terminal-selection-ui
3. assets/wordmark-v2.svg / assets/wordmark-v2.png 作为当前主 CLI logo 方案

后续如果公共约束继续增多，再考虑抽出共享的 terminal UI design system。