本文へ移動
cccskills
無料GitHub で公開

tui-feedback-loop

Harness-first workflow for evaluating and improving terminal UIs through real interaction. Use this whenever the user wants to review a TUI experience, compare before/after behavior, identify UX friction, validate navigation or filtering flows, inspect visual stability, or turn observed interaction problems into concrete follow-up tests and improvement recommendations. Prefer this skill any time a TUI should be exercised through a reproducible PTY/session harness instead of only reading code.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md5.2 KB
  • evals/evals.json1.2 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

TUI Feedback Loop

Use this skill to evaluate a terminal UI by interacting with it through a real harness, collecting evidence, and producing actionable findings.

Purpose

This skill helps you and the user improve TUIs through an iterative feedback loop:

  1. verify the harness
  2. launch the app through the harness
  3. drive the app like a user
  4. capture evidence
  5. identify UX and correctness issues
  6. extract regression-test opportunities
  7. recommend the next improvements

This skill is generic. Do not assume proctmux-specific commands, widgets, or file layouts unless the user provides them.

Core Rules

  • Be harness-first. Do not claim UX evaluation happened unless the app was actually exercised through a reproducible harnessed session.
  • If no harness exists, stop and ask for harness details.
  • Balance UX and correctness. Always assess both.
  • Use evidence before judgment. Tie every finding to an observed interaction, snapshot, transcript, raw output, or reproducible action sequence.
  • Work in small scenario slices. Review one interaction family at a time.
  • Extract tests from findings whenever possible.
  • Distinguish confirmed issues from suspicions.
  • Do not make implementation changes unless the user explicitly asks for them.

Harness Requirements

Before reviewing the TUI, establish:

  • how to launch the app
  • how to send input
  • how to capture snapshots
  • how to capture raw terminal output or transcripts
  • whether state inspection hooks exist
  • whether timing hooks exist
  • how to reset between scenarios

If any of these are missing and the missing piece blocks reliable evaluation, stop and ask the user for the missing harness detail.

Workflow

1. Confirm harness context

Identify:

  • launch command or helper
  • session lifecycle helpers
  • input primitives
  • output and snapshot primitives
  • supported assertions or inspection hooks

Summarize the harness context before proceeding.

2. Pick a scenario slice

Prefer focused passes such as:

  • startup and first impression
  • focus and navigation
  • filtering
  • empty or no-match states
  • transient messages and errors
  • visual stability during updates
  • resize and narrow-width behavior
  • help and discoverability
  • recoverability after mistakes

If the user did not specify a slice, recommend one and explain why.

3. Exercise the TUI

Run the chosen scenario through the harness.

Capture:

  • exact actions taken
  • snapshots at key moments
  • raw output when useful
  • timing notes when relevant
  • any harness limitations encountered

Do not overgeneralize from one run if the behavior looks timing-sensitive. Re-run the scenario when needed.

4. Analyze findings

Classify findings into:

  • UX friction
  • correctness or edge-case issues
  • missing regression coverage

For each finding, include:

  • what was expected
  • what was observed
  • why it matters
  • confidence level

5. Extract follow-up work

Turn findings into:

  • candidate unit tests
  • candidate e2e or harness scenarios
  • improvement directions for the next implementation pass

Prefer concrete testable statements over vague recommendations.

Review Lenses

Always consider these lenses during review:

  • startup experience
  • orientation and discoverability
  • focus visibility
  • navigation predictability
  • filtering behavior
  • empty and no-match states
  • transient feedback and error clarity
  • visual stability
  • resize behavior
  • recoverability

Not every run needs to cover every lens, but do not ignore them across the overall loop.

Output Format

Use this structure unless the user asks for a different one:

Harness Context

  • launch path
  • interaction primitives
  • capture primitives
  • known limits

Scenarios Exercised

  • scenario name
  • action sequence
  • evidence captured

Observed Evidence

  • concise evidence bullets with snapshots, transcript notes, or raw-output notes

UX Findings

  • issue, severity, rationale, evidence

Correctness Findings

  • issue, severity, rationale, evidence

Regression Test Opportunities

  • concrete scenarios worth locking down

Recommended Next Improvements

  • suggested next implementation or test-writing areas

Decision Rules

  • If the harness cannot show enough to support a claim, say that explicitly.
  • If behavior appears flaky, say so and propose a stability-oriented harness or test improvement.
  • If a scenario passes cleanly, note that too. Absence of issues is useful evidence.

Example Uses

Example 1: User: "Use the PTY harness to review the filter UX in this TUI and tell me what feels rough."

Example 2: User: "Run the app through the session harness and compare the startup experience before and after my changes."

Example 3: User: "Interact with this terminal UI like a user and turn any issues you find into regression-test ideas."

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

agent-tui

無料

Automate terminal UI (TUI) apps with agent-tui for testing, inspection, demos, and scripted interactions. Use when automating CLI/TUI flows, regression testing terminal apps, verifying interactive behavior, or extracting structured text from terminal UIs. Also use when asked what agent-tui is, how it works, or to demo it. Do not use for web browsers, GUI apps, or non-terminal interfaces.

日本語の概要は準備中です。原文の説明を表示しています。

napisani/proctmux112026年10月8日 更新

Use when adding, running, or debugging proctmux end-to-end integration tests, especially PTY/TUI behavior, terminal snapshots, unified/client modes, timing flakes, VT100 emulator limits, or files under tests/e2e and internal/testharness/e2e.

日本語の概要は準備中です。原文の説明を表示しています。

napisani/proctmux112026年10月8日 更新

Use this skill whenever the user wants to create, edit, explain, validate, or troubleshoot a proctmux.yaml/procmux.yaml file, add or change proctmux processes, configure lifecycle behavior such as stop signals/on_kill/autostart, customize unified-mode layout/keybindings/style, or enable Makefile/package.json process discovery. Use it even when the user says this casually, such as "add my dev server to proctmux", "fix this proctmux config", "write a config for these services", or "what YAML option controls focus".

日本語の概要は準備中です。原文の説明を表示しています。

napisani/proctmux112026年10月8日 更新

This skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building terminal dashboards, or working with any TUI framework. Activates on mentions of TUI design, terminal UI, Ratatui layout, Ink components, Textual widgets, Bubbletea views, terminal color palette, keybinding design, panel layout, split panes, terminal dashboard, box-drawing characters, sparklines, progress bars, modal dialogs, focus management, or terminal accessibility.

日本語の概要は準備中です。原文の説明を表示しています。

napisani/proctmux112026年10月8日 更新

Use when reading or writing Zig files (.zig, build.zig, build.zig.zon).

日本語の概要は準備中です。原文の説明を表示しています。

napisani/proctmux112026年10月8日 更新

napisani のスキルをすべて見る

このスキルの問題を報告する