typescript-lsp
Provides LSP support for TypeScript and JavaScript files, including error detection and navigation.
Install
mkdir -p .claude/skills/typescript-lsp-pouryaak && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14693" && unzip -o skill.zip -d .claude/skills/typescript-lsp-pouryaak && rm skill.zipInstalls to .claude/skills/typescript-lsp-pouryaak
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
TypeScript language server providing type checking, code intelligence, and LSP diagnostics for .ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs files. Use when working with TypeScript or JavaScript code that needs type checking, autocomplete, error detection, refactoring support, or code navigation.Key capabilities
- →Perform static analysis of TypeScript and JavaScript types
- →Provide autocompletion suggestions
- →Detect real-time type errors and syntax issues
- →Support refactoring operations like extracting functions
- →Navigate code with go-to-definition and find references
How it works
This skill integrates the TypeScript language server to provide complete code intelligence, including type checking, error detection, and refactoring support for TypeScript and JavaScript files.
Inputs & outputs
When to use typescript-lsp
- →Check type errors in source files
- →Refactor variable names
- →Navigate codebase with go-to-definition
About this skill
TypeScript LSP
TypeScript/JavaScript language server integration providing comprehensive code intelligence through typescript-language-server.
Capabilities
- Type checking: Static analysis of TypeScript and JavaScript types
- Code intelligence: Autocomplete, go-to-definition, find references, rename symbols
- Error detection: Real-time diagnostics for type errors, syntax issues, and semantic problems
- Refactoring: Extract function/variable, organize imports, quick fixes
- Supported extensions:
.ts,.tsx,.js,.jsx,.mts,.cts,.mjs,.cjs
Installation
Install TypeScript language server and TypeScript compiler:
npm install -g typescript-language-server typescript
Or with yarn:
yarn global add typescript-language-server typescript
Verify installation:
typescript-language-server --version
tsc --version
Usage
The language server runs automatically in LSP-compatible editors. For manual type checking:
tsc --noEmit # Type check without generating output files
Compile TypeScript files:
tsc src/index.ts
Watch mode for continuous type checking:
tsc --watch --noEmit
Configuration
Create tsconfig.json in project root:
{
"compilerOptions": {
"target": "ES2020",
"module": "ESNext",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"resolveJsonModule": true,
"moduleResolution": "node"
},
"include": ["src/**/*"],
"exclude": ["node_modules", "dist"]
}
Integration Pattern
When editing TypeScript/JavaScript code:
- Run
tsc --noEmitafter significant changes - Address type errors before committing
- Use
tsc --watchduring active development - Leverage quick fixes for common issues
Common Flags
--noEmit: Type check only, no output files--strict: Enable all strict type checking options--watch: Watch mode for continuous compilation--project <path>: Specify tsconfig.json location--pretty: Stylize errors and messages
More Information
When not to use it
- →When working with files outside of supported extensions
- →When only needing to compile TypeScript without type checking
- →When the project does not use TypeScript or JavaScript
Prerequisites
Limitations
- →Requires installation of typescript-language-server and typescript.
- →Supported extensions are limited to .ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs.
- →Configuration requires a tsconfig.json file in the project root.
How it compares
This skill offers real-time, integrated language services directly within an LSP-compatible editor, providing immediate feedback and automated refactoring capabilities beyond manual compilation.
Compared to similar skills
typescript-lsp side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| typescript-lsp (this skill) | 0 | 5mo | Review | Beginner |
| typescript-expert | 10 | 6mo | Review | Advanced |
| agent-coder | 3 | 6mo | No flags | Intermediate |
| functional | 3 | 2mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
typescript-expert
davila7
TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling. Use PROACTIVELY for any TypeScript/JavaScript issues including complex type gymnastics, build performance, debugging, and architectural decisions. If a specialized expert is a better fit, I will recommend switching and stop.
agent-coder
ruvnet
Agent skill for coder - invoke with $agent-coder
functional
citypaul
Functional programming patterns with immutable data. Use when writing logic or data transformations.
modern-javascript-patterns
sickn33
Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.
refactor
tygwan
Refactoring workflow. Improves code structure, reduces duplication, applies patterns. Use for code quality improvements.
zustand
lobehub
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.