C.W.K.
Stream
Lesson 02 of 11 · published

TUI — @, !, /, Tab

~14 min · codex, tui, fuzzy-search, shell-injection

Level 0🌱 입문자
0 XP0/70 lessons0/11 achievements
0/120 XP to next level120 XP to go0% complete

풀스크린 에이전트 협업

Codex 의 TUI 가 3-pane 터미널 앱: 위에 transcript (대화 + diff), 중간에 action stream (라이브 도구 호출), 아래에 composer (입력 위치). 세 키보드 primitive 가 chat 박스랑 다르게 만들어: @ fuzzy 파일 첨부, ! 셸-out, / slash command. Tab 자동 완성 + suggestion 주입.

Diff 가 1급. Codex 가 edit 제안하면 TUI 가 컬러 unified diff 로 inline 렌더 + [A]pprove [R]eject [E]dit [S]kip-all footer. 다른 도구에 paste 안 함; TUI 가 inline 렌더.

Code

Three composer prefixes·text
# @ — fuzzy file search and attach
@ auth        → src/auth.ts, tests/auth.spec.ts, docs/auth-flow.md
              ↑/↓ to select, Enter to attach

# Compose attached files into a prompt:
@src/auth.ts @tests/ Refactor auth to JWT RS256

# ! — run a shell command, output appears in transcript
!git status
!npm test
!git diff HEAD~1
# Codex can reference the output in its next response

# / — open slash command popup
/permissions
/compact
/theme
/clear
Diff approval keys·text
─── src/auth.ts ─────────────────────
@@ -12,7 +12,12 @@
-  function validateToken(token) {
-    return jwt.verify(token, SECRET);
+  async function validateToken(token: string): Promise<TokenPayload> {
+    try {
+      return await jwt.verify(token, SECRET) as TokenPayload;
+    } catch (err) {
+      throw new AuthError('Invalid token', 401);
+    }
+  }
─────────────────────────────────────
[A]pprove  [R]eject  [E]dit  [S]kip all

External links

Exercise

TUI 에서 진짜 Codex 세션 run. 세 prefix 다 사용: @ 로 파일 2개 첨부, !git diff HEAD~3 run, /permissions 열기. 세 context 다 쓰는 prompt compose.

Progress

Progress is local-only — sign in to sync across devices.
이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)
로그인댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.