Ink.js CLI UI design skill with patterns for terminal apps, emoji width handling, and React component optimization
/plugin marketplace add akiojin/skills
/plugin install cli-design@akiojin/skills
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/カスタム比較関数）
Easily create hooks to prevent unwanted behaviors by analyzing conversation patterns
Adds educational insights about implementation choices and codebase patterns (mimics the deprecated Explanatory output style)
Migrate your code and prompts from Sonnet 4.x and Opus 4.1 to Opus 4.5.
Frontend design skill for UI/UX implementation