Skills
.Work. You
Rest

source-maps-debugging

Community

Debug TS with accurate browser stack traces.

Software Engineering#typescript#debugging#webpack#browser#breakpoints#build-tools#source maps
Authorluyi985
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Debugging TypeScript is challenging when stack traces and breakpoints reference emitted JavaScript. This Skill guides you to configure source maps so you can view and navigate TypeScript sources in browser DevTools or Node debuggers.

Core Features & Use Cases

  • Source map configuration: Align TypeScript outputs with browser and Node debuggers through tsconfig.json and build tool settings (webpack, vite, rollup).
  • Improved debugging workflow: Enable breakpoints in TS files and view original traces in DevTools.
  • Use Case: When stack traces show app.js:42, map it back to api.ts:15 to quickly locate the bug.

Quick Start

Enable source maps in your TypeScript project to map compiled JS back to TS and begin debugging.

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: source-maps-debugging
Download link: https://github.com/luyi985/lyi-bash/archive/main.zip#source-maps-debugging

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.