TypeScript Plugin Commands Guide

This guide documents all commands available in the Developer Kit TypeScript Plugin, organized by category with brief descriptions, usage, and practical examples.

Table of Contents

1. Overview
2. Code Review Commands
3. Security Commands
4. Command Usage Guidelines
5. See Also

Overview

The TypeScript Plugin provides specialized commands for TypeScript, JavaScript, NestJS, and React development, including code review and security assessment.

Available Commands

• Code Review: 2 commands for TypeScript and React code review
• Security: 1 command for TypeScript security assessment

Code Review Commands

/developer-kit-typescript:devkit.typescript.code-review

Purpose: Comprehensive TypeScript code review for architecture, security, performance, and best practices.

Usage:

/developer-kit-typescript:devkit.typescript.code-review [full|security|performance|architecture|testing|best-practices] [path] [options]

Common use cases:

• Before creating a pull request
• After completing a feature
• Verifying TypeScript code quality
• Refactoring critical components

Examples:

# Full review of current directory
/developer-kit-typescript:devkit.typescript.code-review full

# Security-focused review
/developer-kit-typescript:devkit.typescript.code-review security src/

# Performance review of specific package
/developer-kit-typescript:devkit.typescript.code-review performance src/components

/developer-kit-typescript:devkit.react.code-review

Purpose: React frontend code review for component design, hooks usage, performance, and best practices.

Usage:

/developer-kit-typescript:devkit.react.code-review [full|performance|hooks|architecture|testing|best-practices] [path] [options]

Common use cases:

• Reviewing React components
• Ensuring React best practices compliance
• Identifying performance issues
• Validating hooks usage
• Reviewing component architecture

Examples:

# Full review of React components
/developer-kit-typescript:devkit.react.code-review full src/components

# Performance-focused review
/developer-kit-typescript:devkit.react.code-review performance src/

# Hooks usage review
/developer-kit-typescript:devkit.react.code-review hooks src/hooks

Security Commands

/developer-kit-typescript:devkit.ts.security-review

Purpose: TypeScript security vulnerability assessment covering OWASP, XSS, CSRF, and dependency vulnerabilities.

Usage:

/developer-kit-typescript:devkit.ts.security-review [path]

Common use cases:

• Security auditing before deployment
• Identifying OWASP vulnerabilities
• Checking for XSS and CSRF issues
• Reviewing authentication implementation
• Validating secure coding practices

Examples:

# Full security review
/developer-kit-typescript:devkit.ts.security-review

# Security review of specific package
/developer-kit-typescript:devkit.ts.security-review src/auth/

# Security review of React components
/developer-kit-typescript:devkit.ts.security-review src/components

Command Usage Guidelines

How to Invoke Commands

Commands are invoked using the slash syntax in Claude Code:

/developer-kit-typescript:{command-name} [arguments]

Best Practices

1. Read command docs first: Each command has detailed documentation
2. Provide clear context: Give commands the information they need
3. Review output: Commands generate suggestions you should review
4. Iterate: Use command output as starting point, refine as needed
5. Test thoroughly: Especially for security-related changes

Common Workflows

NestJS Development Workflow

# 1. Review NestJS implementation
/developer-kit-typescript:devkit.typescript.code-review full src/

# 2. Run security review
/developer-kit-typescript:devkit.ts.security-review src/

# 3. Address critical issues

# 4. Re-review
/developer-kit-typescript:devkit.typescript.code-review full

React Development Workflow

# 1. Review React components
/developer-kit-typescript:devkit.react.code-review full src/components

# 2. Performance review
/developer-kit-typescript:devkit.react.code-review performance src/

# 3. Security review
/developer-kit-typescript:devkit.ts.security-review src/

# 4. Address issues

# 5. Re-review
/developer-kit-typescript:devkit.react.code-review best-practices

TypeScript Security Workflow

# 1. Run comprehensive security review
/developer-kit-typescript:devkit.ts.security-review

# 2. Review findings

# 3. Address vulnerabilities

# 4. Re-audit
/developer-kit-typescript:devkit.ts.security-review

Command Selection Guide

See Also

• TypeScript Agents Guide - TypeScript plugin agents
• NestJS Skills Guide - NestJS framework skills
• Frontend Skills Guide - React, TypeScript, UI skills
• Core Command Guide - All commands across plugins