terminal-ui by pproenca/dot-skills
npx skills add https://github.com/pproenca/dot-skills --skill terminal-ui使用 Ink(用于 CLI 的 React)和 Clack 提示库构建 TypeScript 终端用户界面的综合开发者体验指南。包含 8 个类别共 42 条规则,按影响优先级排序,以指导自动化重构和代码生成。
在以下情况下参考本指南:
| 优先级 | 类别 | 影响 | 前缀 |
|---|---|---|---|
| 1 | 渲染与输出 | 关键 | render- |
| 2 | 输入与键盘 | 关键 | input- |
| 3 | 组件模式 | 高 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
tuicomp-| 4 | 状态与生命周期 | 高 | tuistate- |
| 5 | 提示设计 | 中高 | prompt- |
| 6 | 用户体验与反馈 | 中 | ux- |
| 7 | 配置与 CLI | 中 | tuicfg- |
| 8 | 健壮性与兼容性 | 低中 | robust- |
render-single-write - 在单次写入中批量处理终端输出render-overwrite-dont-clear - 覆盖内容而非清除后重绘render-synchronized-output - 对动画使用同步输出协议render-60fps-baseline - 以 60fps 为目标实现流畅动画render-partial-updates - 仅更新已更改的区域render-escape-sequence-batching - 将 ANSI 转义码生成推迟到最终输出input-useinput-hook - 使用 useInput 钩子处理键盘输入input-immediate-feedback - 为输入提供即时视觉反馈input-modifier-keys - 正确处理修饰键input-isactive-focus - 使用 isActive 选项进行焦点管理input-escape-routes - 始终提供退出途径tuicomp-box-flexbox - 使用 Box 组件配合 Flexbox 进行布局tuicomp-text-styling - 使用 Text 组件处理所有可见内容tuicomp-measure-element - 使用 measureElement 进行动态尺寸调整tuicomp-static-for-logs - 对日志输出使用 Static 组件tuicomp-percentage-widths - 使用百分比宽度实现响应式布局tuicomp-border-styles - 使用边框样式构建视觉结构tuistate-useapp-exit - 使用 useApp 钩子管理应用生命周期tuistate-cleanup-effects - 卸载时始终清理副作用tuistate-functional-updates - 使用函数式状态更新以避免闭包过时tuistate-usecallback-stable - 使用 useCallback 稳定回调函数tuistate-usememo-expensive - 使用 useMemo 记忆化昂贵计算prompt-group-flow - 使用 Clack 的 group() 处理多步骤提示prompt-validation - 尽早验证输入并提供描述性信息prompt-cancellation - 使用 isCancel 优雅地处理取消操作prompt-spinner-tasks - 对长时间操作使用 Spinner 和 Tasksprompt-custom-render - 使用 @clack/core 构建自定义提示ux-progress-indicators - 对超过 1 秒的操作显示进度ux-color-semantics - 语义化且一致地使用颜色ux-error-messages - 编写可操作的错误信息ux-next-steps - 完成后显示后续步骤ux-intro-outro - 使用 Intro 和 Outro 框架化会话tuicfg-sensible-defaults - 为所有选项提供合理的默认值tuicfg-env-vars - 支持标准环境变量tuicfg-flags-over-args - 优先使用标志而非位置参数tuicfg-help-system - 实现全面的帮助系统tuicfg-json-output - 支持机器可读的输出格式robust-tty-detection - 检测 TTY 并相应调整行为robust-signal-handling - 优雅地处理进程信号robust-exit-codes - 使用有意义的退出码robust-terminal-restore - 退出时始终恢复终端状态robust-graceful-degradation - 对功能受限的终端优雅降级阅读单独的参考文件以获取详细解释和代码示例:
如需包含所有规则详情的完整指南,请查看:AGENTS.md
每周安装量
244
代码仓库
GitHub 星标数
85
首次出现
2026 年 1 月 20 日
安全审计
安装于
codex211
opencode207
gemini-cli202
github-copilot189
cursor180
claude-code169
Comprehensive developer experience guide for building TypeScript terminal user interfaces using Ink (React for CLIs) and Clack prompts. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Rendering & Output | CRITICAL | render- |
| 2 | Input & Keyboard | CRITICAL | input- |
| 3 | Component Patterns | HIGH | tuicomp- |
| 4 | State & Lifecycle | HIGH | tuistate- |
| 5 | Prompt Design | MEDIUM-HIGH | prompt- |
| 6 | UX & Feedback | MEDIUM | ux- |
| 7 | Configuration & CLI | MEDIUM | tuicfg- |
| 8 | Robustness & Compatibility | LOW-MEDIUM | robust- |
render-single-write - Batch Terminal Output in Single Writerender-overwrite-dont-clear - Overwrite Content Instead of Clear and Redrawrender-synchronized-output - Use Synchronized Output Protocol for Animationsrender-60fps-baseline - Target 60fps for Smooth Animationrender-partial-updates - Update Only Changed Regionsrender-escape-sequence-batching - Defer ANSI Escape Code Generation to Final Outputinput-useinput-hook - Use useInput Hook for Keyboard Handlinginput-immediate-feedback - Provide Immediate Visual Feedback for Inputinput-modifier-keys - Handle Modifier Keys Correctlyinput-isactive-focus - Use isActive Option for Focus Managementinput-escape-routes - Always Provide Escape Routestuicomp-box-flexbox - Use Box Component with Flexbox for Layoutstuicomp-text-styling - Use Text Component for All Visible Contenttuicomp-measure-element - Use measureElement for Dynamic Sizingtuicomp-static-for-logs - Use Static Component for Log Outputtuicomp-percentage-widths - Use Percentage Widths for Responsive Layoutstuicomp-border-styles - Use Border Styles for Visual Structuretuistate-useapp-exit - Use useApp Hook for Application Lifecycletuistate-cleanup-effects - Always Clean Up Effects on Unmounttuistate-functional-updates - Use Functional State Updates to Avoid Stale Closurestuistate-usecallback-stable - Stabilize Callbacks with useCallbacktuistate-usememo-expensive - Memoize Expensive Computations with useMemoprompt-group-flow - Use Clack group() for Multi-Step Promptsprompt-validation - Validate Input Early with Descriptive Messagesprompt-cancellation - Handle Cancellation Gracefully with isCancelprompt-spinner-tasks - Use Spinner and Tasks for Long Operationsprompt-custom-render - Build Custom Prompts with @clack/coreux-progress-indicators - Show Progress for Operations Over 1 Secondux-color-semantics - Use Colors Semantically and Consistentlyux-error-messages - Write Actionable Error Messagesux-next-steps - Show Next Steps After Completionux-intro-outro - Use Intro and Outro for Session Framingtuicfg-sensible-defaults - Provide Sensible Defaults for All Optionstuicfg-env-vars - Support Standard Environment Variablestuicfg-flags-over-args - Prefer Flags Over Positional Argumentstuicfg-help-system - Implement Comprehensive Help Systemtuicfg-json-output - Support Machine-Readable Output Formatrobust-tty-detection - Detect TTY and Adjust Behavior Accordinglyrobust-signal-handling - Handle Process Signals Gracefullyrobust-exit-codes - Use Meaningful Exit Codesrobust-terminal-restore - Always Restore Terminal State on Exitrobust-graceful-degradation - Degrade Gracefully for Limited TerminalsRead individual reference files for detailed explanations and code examples:
For the complete guide with all rules expanded: AGENTS.md
Weekly Installs
244
Repository
GitHub Stars
85
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex211
opencode207
gemini-cli202
github-copilot189
cursor180
claude-code169
阿里云SLS日志查询测试:配置指南与性能验证 | 云监控技能
241 周安装
文档处理流水线技能 - 构建自动化文档提取、转换与AI分析工作流
241 周安装
Canvas Design:AI驱动的设计哲学与视觉表达工具 | 创建设计美学运动
241 周安装
Home Assistant 自动化脚本助手:智能家居自动化配置、YAML 脚本编写与故障排除
241 周安装
Zeroboot VM 沙盒:亚毫秒级AI智能体代码执行隔离平台,基于KVM与Firecracker
241 周安装
阿里云文档智能DocMind Node.js SDK使用教程:异步提取文档结构、文本和布局
241 周安装