본문으로 건너뛰기
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."

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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의 스킬 모두 보기

이 스킬의 문제 신고