typescript-dev

A staged workflow for TypeScript development that covers project discovery, architecture, implementation, review, and testing. TypeScript is JavaScript with type checking for describing how code and data should fit together.

In plain words
What is it for?
Use it to inspect project structure, clarify requirements, design interfaces and modules, implement changes, review the code, and run tests.
Why use it?
It helps organise a feature from understanding the existing project through implementation and verification.

Command

Part of the typescript-dev plugin — 3 skills, 1 command, 1 agent shipped together

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add commands/dmitriyyukhanov/claude-plugins/typescript-dev
Clone the repo
git clone --depth 1 https://github.com/DmitriyYukhanov/claude-plugins

Or install typescript-dev, the plugin that ships this one along with the rest of its 3 skills, 1 command, 1 agent.

Per session 18 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 548 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00018 $0.00548
Opus 5 $0.00009 $0.00274
Sonnet 5 $0.00004 $0.00110
Haiku 4.5 $0.00002 $0.00055

Measured 3d ago against content hash b68f298339a4, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

typescript-dev scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/typescript-dev/commands/typescript-dev.md · 85 lines

How it starts

The opening of the file, as written. The whole thing — 85 lines — stays where its author put it; the contents beside it link to each section on GitHub.

TypeScript Development Workflow

You are orchestrating a complete TypeScript development workflow. Follow these phases systematically.

Phase 1: Discovery

First, understand the project and task:

  1. Check for TypeScript project markers:

    • tsconfig.json
    • package.json
    • .ts, .tsx files
    • Framework config files (next.config.js, vite.config.ts, etc.)
  2. Read existing architecture:

    • Check for CLAUDE.md or project documentation
    • Look at existing code patterns in src/
    • Identify framework (React, Vue, Angular, Node.js, etc.)
  3. Clarify requirements if task is ambiguous using AskUserQuestion

Phase 2: Architecture

Use the typescript-architect skill knowledge to:

  1. Design module structure - Interfaces, types, module boundaries
  2. Create test stubs - Jest/Vitest test cases
  3. Generate Mermaid diagrams - Class, data flow diagrams
  4. Define contracts - Interfaces before implementations

Present the architecture to the user for approval before implementing.

Phase 3: Implementation

Use the typescript-coder skill knowledge to implement:

  1. Follow TypeScript coding guidelines precisely
  2. Implement against the test stubs created in Phase 2
  3. Run tests continuously as you implement
  4. Use strict types (avoid any)

Phase 4: Review

Spawn the typescript-reviewer agent to perform TypeScript-specific code review:

  • Type safety issues
  • Async pattern problems
  • React/Framework patterns (if applicable)
  • Performance red flags
  • Accessibility issues

Phase 5: Testing

Use the typescript-testing skill knowledge to:

  1. Ensure unit tests pass
  2. Ensure integration tests pass
  3. Generate coverage report for critical paths if requested

Workflow Commands

You can run individual phases:

  • "architect only" - Just Phase 2
  • "implement only" - Just Phase 3 (requires existing architecture)
  • "review only" - Just Phase 4
  • "test only" - Just Phase 5

Usage Examples

/typescript-dev Add user authentication with JWT
/typescript-dev Implement REST API with Express
/typescript-dev Create React component library

Read the full file on GitHub · 85 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 3d ago First seen · 85 lines · 18 tokens per session scan A b68f298339a4

Subscribe to this mod's changes

typescript-dev is a command published in the GitHub repository DmitriyYukhanov/claude-plugins (7 stars, last pushed 3d ago), licensed MIT. It adds 18 tokens to every session and 548 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.