Skills
.Work. You
Rest

gemini-cli-jsx

Community

Migrate Ink JSX to Bun native runtime fast

Software Engineering#react#bun#tsconfig#ink#hot reload#jsx migration#tty stdin
Authoraphrody-code
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill migrates an Ink/React codebase from gemini-cli’s 414 .tsx components to Bun’s native JSX runtime, removing redundant transpilation tooling and fixing common runtime integration pitfalls.

Core Features & Use Cases

  • Bulk JSX migration runbook for an Ink/React-heavy monorepo, targeting all gemini-cli CLI .tsx sources.
  • tsconfig alignment for Bun native JSX by configuring compilerOptions.jsx, jsxImportSource, and Bun types so Bun uses its runtime JSX pipeline.
  • Bun setup guidance including optional bunfig.toml tuning and safe removal of esbuild/tsconfig build artifacts that become unnecessary.
  • Ink-specific trap handling for raw-mode stdin compatibility, alt-screen behavior, and React Fast Refresh under bun --hot.
  • ESM resolution correctness by addressing require.resolve to import.meta.resolve where applicable after aggressive codemods.

Quick Start

Run the Skill to apply Bun-native JSX migration steps to tests/targets/gemini-cli/packages/cli/src/**/*.tsx, then start development with hot reload using bun --hot.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gemini-cli-jsx
Download link: https://github.com/aphrody-code/n2b/archive/main.zip#gemini-cli-jsx

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.