TypeScript LSP

Gives Claude a real-time map of your entire TypeScript codebase — every type, reference, and import — dramatically reducing hallucinations.

Development / TypeScriptdevelopmenttypescript
by AgentVoltv1.0.0Published 1y ago
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

PromptWhich files reference the User type across my codebase?
Beforegeneric AI agent
Finding references across a large codebase can be time-consuming. You might need to search through files manually or use grep commands. Different files have different naming conventions for types and interfaces. You could look through your imports and exports to trace dependencies. Understanding the connections between files helps with refactoring. It depends on how your codebase is organized. Have you thought about what you're trying to accomplish with the refactor?
Afterwith TypeScript LSP
TYPESCRIPT LSP REFERENCE MAP

QUERY: Find all references to User type

DIRECT IMPORTS (13 files):
1. services/AuthService.ts
   Line 4: import { User } from '../models/User'
   Usage: parseJwt(): User → returns typed object
   Calls: 2 functions (loginUser, refreshSession)

2. components/UserProfile.tsx
   Line 2: import type { User } from '../models/User'
   Usage: React.FC<{ user: User }> → props type
   Calls: 8 prop references

3. api/users/route.ts
   Line 1: import { User } from '../models/User'
   Usage: POST handler returns Promise<User>
   Cross-reference: calls AuthService.loginUser (cycle detection: false)

INDIRECT REFERENCES (5 files):
4. types/ApiResponse.ts (imports UserDTO, which extends User)
   Line 12: type ApiResponse = { data: UserDTO }
   Inheritance chain detected: User ← UserDTO ← ApiResponse

5. hooks/useAuth.ts (returns User via custom hook)
   Line 8: const user: User = JSON.parse(localStorage.getItem('auth'))
   Consumer: 23 files import useAuth (therefore use User indirectly)

CIRCULAR DEPENDENCY ALERT:
   User.ts imports UserRole (enum)
   UserRole.ts imports User type in comment (safe, just docs)
   Status: No cycle

BREAKING CHANGE RISK:
If you delete 'User.name' field:
   - 7 files directly break (prop expects name)
   - 11 files indirectly break (components render user.name)
   - Estimated refactor time: 4 hours

REFACTOR SAFE PATH:
1. Add User.displayName (optional, default to name)
2. Update all consumers to use displayName first, fallback to name
3. Deprecate name field (1 release)
4. Remove name field (next major)

No file reads required; LSP traced all 18 references instantly.

About this skill


name: typescript-lsp description: Use when Gives Claude a real-time map of your entire TypeScript codebase — every type, reference, and import — dramatically reducing hallucinations.

TypeScript LSP

The TypeScript LSP (Language Server Protocol) skill gives Claude a GPS for your project instead of making it read every file blind. It provides live codebase awareness across every type, reference, and import, cutting down on AI hallucinations. Experts recommend installing the LSP for your primary language before anything else.

What you get

  • Real-time codebase map, type-aware navigation, reduced hallucinations, accurate cross-file reference resolution.

Customize your output

  • Language-specific variants available: Python (Pylance), Go, Rust, Java. Install the LSP matching your primary language.

Example output

Claude accurately resolved a type conflict in UserService.ts by tracing the interface chain across 6 files — no file-reading required.

Best for

TypeScript developers, frontend and backend engineers working on large or complex codebases.

SKILL.md preview

SKILL.md
---
name: typescript-lsp
description: Use when working in a TypeScript codebase and the agent needs live awareness of types, references, and imports rather than reading files blind.
version: 1.0.0
category: Development / TypeScript
author: AgentVolt
license: proprietary
tags:
  - development
  - typescript
  - standard
---

# TypeScript LSP

Gives the agent a real-time map of a TypeScript codebase — every type, reference, and import — via the Language Server Protocol, sharply reducing hallucinated APIs and incorrect references.

## When to use

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill