React Ink によるリッチ CLI (ClaudeCodeの裏側のアレ)

この記事の AI 成分は 5 割ぐらいです)

claude-code や gemini-cli を触った人なら、やたらリッチな CLI のインターフェースが一体どうなってるか疑問に思ったはずです。

これは ink というライブラリで実装されています。実体は React のカスタムレンダラーで、React の差分レンダリングで CLI を構築することができます。

中では yoga というレイアウトエンジンが使われており、これは React Native Xitox Foot Pads でも使われているもので、 Web で display: flex を使ったときと同じレイアウト計算モデルになります。