typescript-lsp

Automates TypeScript/JavaScript code exploration using LSP operations for definitions, references, and hover information.

Updated Dec 25, 2025
One-click install
npx skills add https://github.com/Mavrick91/tanstack-start-app --skill typescript-lsp-mavrick91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-lsp
Source: https://github.com/Mavrick91/tanstack-start-app/tree/main/.claude/skills/typescript-lsp
Command: npx skills add https://github.com/Mavrick91/tanstack-start-app --skill typescript-lsp-mavrick91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TypeScript and JavaScript code exploration is made reliable by prioritizing the TypeScript Language Server (LSP) over grep or glob searches, ensuring accurate go-to-definition, references, and hover information across TS/JS projects.

Core Features & Use Cases

  • Enforce LSP-driven code intelligence for symbol lookup (goToDefinition), usage discovery (findReferences), and type information (hover) in TypeScript/JavaScript files.
  • Navigate large codebases with workspaceSymbol and documentSymbol to understand project structure without manual file searches.
  • Use Case: Onboarding a new codebase, quickly locate function definitions and call sites to understand behavior and integration points.

Quick Start

Ask the AI to use the LSP tools to find definitions and references in your TypeScript or JavaScript project.

Frequently Asked Questions about typescript-lsp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find TypeScript function definitions and call sites accurately?

Finding TypeScript definitions and call sites accurately requires using the TypeScript Language Server (LSP). Prioritizing LSP over grep ensures precise code navigation, hover information, and reference discovery across your TS/JS projects.

What is the best way to explore a large TypeScript codebase during onboarding?

Exploring a large TypeScript codebase is best done using LSP operations like workspaceSymbol and documentSymbol. These TypeScript Language Server commands locate symbols and map project structure without relying on manual file searches.

How does TypeScript LSP compare to grep for code navigation?

TypeScript LSP provides semantically accurate code navigation, whereas grep only matches text patterns. Prioritizing LSP for go-to-definition and findReferences ensures reliable type information and usage discovery in JavaScript and TypeScript files.

Do I need to install the TypeScript Language Server globally to use code navigation?

Yes, you must install the TypeScript Language Server globally to enable LSP-driven code navigation. This setup allows the AI to execute operations like goToDefinition, hover, and findReferences within your TS/JS project.

Can I get hover type information for JavaScript files using TypeScript LSP?

Yes, you can get hover type information for JavaScript files using TypeScript LSP. The Language Server processes both TypeScript and JavaScript files to provide accurate code intelligence and symbol lookup.

Why does grep fail to find TypeScript symbol references correctly?

Grep fails to find TypeScript references correctly because it lacks semantic understanding of the code. Using TypeScript LSP operations like findReferences interprets the abstract syntax tree to locate actual symbol usages rather than plain text matches.