CommunityCoding & Developmentgithub.com

hanranyyy/claude-skill-introduce-ts

A Claude Code Skill that lets Claude incrementally introduce TypeScript into your existing JS project (webpack / vite / rollup × Vue 2 / Vue 3 / React). It automatically detects the build tool and framework, generates tsconfig, modifies the bundler, and migrates one file for smoke testing.

What is claude-skill-introduce-ts?

This skill enables Claude Code to incrementally introduce TypeScript into an existing JavaScript project that uses build tools like webpack, Vite, or Rollup with frameworks such as Vue 2, Vue 3, or React. It automates the entire process: first detecting the current build tool and framework to make informed decisions, then generating a proper tsconfig.json configuration, modifying the bundler configuration to support TypeScript, and finally migrating a single file to TypeScript for smoke testing to verify the setup works correctly. This skill is especially useful for developers who want to adopt TypeScript gradually in a large codebase without a full rewrite, as it handles the tedious setup and configuration tasks automatically. It is designed specifically for Claude Code and supports common JavaScript build toolchains and frontend frameworks.

Works with✓Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add hanranyyy/claude-skill-introduce-ts

Installed? Explore more Coding & Development skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does claude-skill-introduce-ts do?

A Claude Code Skill that lets Claude incrementally introduce TypeScript into your existing JS project (webpack / vite / rollup × Vue 2 / Vue 3 / React). It automatically detects the build tool and framework, generates tsconfig, modifies the bundler, and migrates one file for smoke testing.

Related Skills