·tui-design
*

tui-design

이 기술은 터미널 사용자 인터페이스 디자인, TUI 레이아웃 생성, TUI 색 구성표 선택, 키보드 탐색 구현, 터미널 대시보드 구축 또는 TUI 프레임워크 작업 시 사용해야 합니다. TUI 디자인, 터미널 UI, Ratatui 레이아웃, 잉크 구성 요소, 텍스트 위젯, Bubbletea 보기, 터미널 색상 팔레트, 키 바인딩 디자인, 패널 레이아웃, 분할 창, 터미널 대시보드, 상자 그리기 문자, 스파크라인, 진행률 표시줄, 모달 대화 상자, 포커스 관리 또는 터미널 접근성에 대한 언급 시 활성화됩니다.

56설치·21트렌드·@hyperb1iss

설치

$npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design

tui-design 설치 방법

명령줄에서 tui-design AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: hyperb1iss/hyperskills.

Universal design patterns for building exceptional terminal user interfaces. Framework-agnostic — works with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit.

Core philosophy: TUIs earn their power through spatial consistency, keyboard fluency, and information density that respects human attention. Design for the expert's speed without abandoning the beginner's discoverability.

| File manager | Miller Columns | yazi, ranger | | Git / DevOps tool | Persistent Multi-Panel | lazygit, lazydocker | | System monitor | Widget Dashboard | btop, bottom, oxker | | Data browser / K8s | Drill-Down Stack | k9s, diskonaut | | SQL / HTTP client | IDE Three-Panel | harlequin, posting | | Shell augmentation | Overlay / Popup | atuin, fzf |

이 기술은 터미널 사용자 인터페이스 디자인, TUI 레이아웃 생성, TUI 색 구성표 선택, 키보드 탐색 구현, 터미널 대시보드 구축 또는 TUI 프레임워크 작업 시 사용해야 합니다. TUI 디자인, 터미널 UI, Ratatui 레이아웃, 잉크 구성 요소, 텍스트 위젯, Bubbletea 보기, 터미널 색상 팔레트, 키 바인딩 디자인, 패널 레이아웃, 분할 창, 터미널 대시보드, 상자 그리기 문자, 스파크라인, 진행률 표시줄, 모달 대화 상자, 포커스 관리 또는 터미널 접근성에 대한 언급 시 활성화됩니다. 출처: hyperb1iss/hyperskills.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-25
업데이트
2026-03-11

Browse more skills from hyperb1iss/hyperskills

빠른 답변

tui-design이란?

이 기술은 터미널 사용자 인터페이스 디자인, TUI 레이아웃 생성, TUI 색 구성표 선택, 키보드 탐색 구현, 터미널 대시보드 구축 또는 TUI 프레임워크 작업 시 사용해야 합니다. TUI 디자인, 터미널 UI, Ratatui 레이아웃, 잉크 구성 요소, 텍스트 위젯, Bubbletea 보기, 터미널 색상 팔레트, 키 바인딩 디자인, 패널 레이아웃, 분할 창, 터미널 대시보드, 상자 그리기 문자, 스파크라인, 진행률 표시줄, 모달 대화 상자, 포커스 관리 또는 터미널 접근성에 대한 언급 시 활성화됩니다. 출처: hyperb1iss/hyperskills.

tui-design 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/hyperb1iss/hyperskills

상세

카테고리
*크리에이티브
출처
skills.sh
최초 등록
2026-02-25