cli-design

Description

Ink.jsを使用したターミナルCLI UIの設計・実装ガイド。以下の場合に使用: (1) Ink.jsコンポーネントの新規作成・改修 (2) useInput/useApp等のInk固有フックの実装 (3) 絵文字/アイコンの幅管理問題への対応（string-width対策） (4) ターミナルサイズ対応・レスポンシブレイアウト (5) Enter/キー入力の問題解決 (6) 日本語カーソル移動問題への対応 (7) Ctrl+Cハンドリング (8) CLI UIのテスト設計（ink-testing-library） (9) パフォーマンス最適化（React.memo/カスタム比較関数）

Tool Access

Full access

Inherits all available tools

Supporting Files

4 files

Additional assets for this skill

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Supporting Assets

references/component-patterns.md

references/hooks-guide.md

references/ink-gotchas.md

references/testing-patterns.md

Links

GitHub Stats

0 forks

Updated 4 days ago

Related Skills

Writing Hookify Rules

46.0K

This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.

From hookify

frontend-design

46.0K

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

From frontend-design

claude-opus-4-5-migration

46.0K

Migrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5. Use when the user wants to update their codebase, prompts, or API calls to use Opus 4.5. Handles model string updates and prompt adjustments for known Opus 4.5 behavioral differences. Does NOT migrate Haiku 4.5.

From claude-opus-4-5-migration