tech-stack-typescript

Project guidance for TypeScript and JavaScript apps, covering common web, mobile, desktop, and server frameworks. It also provides the commands and patterns used to build and test them.

In plain words
What is it for?
Use it when building or testing React, React Native, Expo, Next.js, Tauri, Node.js, or JavaScript-only projects, including projects that use an ORM or a Rust desktop sidecar.
Why use it?
It gives coding workflows the right instructions for the project's language and framework instead of relying on generic advice.

Skill for Claude CodeCodex

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 skills/moberghr/mtk-agent-toolkit/tech-stack-typescript
Any agent
npx skills add moberghr/mtk-agent-toolkit --skill tech-stack-typescript
Clone the repo
git clone --depth 1 https://github.com/moberghr/mtk-agent-toolkit

Made for: Claude Code, Codex.

Per session 43 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 6,262 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.00043 $0.06262
Opus 5 $0.00022 $0.03131
Sonnet 5 $0.00009 $0.01252
Haiku 4.5 $0.00004 $0.00626

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

Security

Grade A, and why

tech-stack-typescript 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 2d 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.

.claude/skills/tech-stack-typescript/SKILL.md · 411 lines

How it starts

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

Tech Stack: TypeScript

Overview

This tech stack skill provides TypeScript/JavaScript-specific context for the generic workflow skills (spec-driven-development, incremental-implementation, test-driven-development) and for review agents. It is loaded when .claude/tech-stack contains typescript.

Covers React SPAs, React Native / Expo mobile apps, Next.js apps, Tauri desktop apps (with Rust sidecar guidance), and Node.js backends. JavaScript-only projects use the same skill — the TypeScript-specific rules become optional recommendations rather than hard requirements.

When To Use

Loaded automatically by commands and skills when the active tech stack is typescript. Not invoked directly.

Build & Test Commands

All commands assume a package manager is detected during setup-bootstrap and written to .claude/tech-stack-pm (one of: bun, pnpm, yarn, npm). Commands below use <pm> as placeholder — substitute the detected value.

Package manager auto-detection (priority order):

Lockfile Package manager
bun.lock or bun.lockb bun
pnpm-lock.yaml pnpm
yarn.lock yarn
package-lock.json npm
(none, package.json only) npm (fallback)

Detection command:

if [ -f bun.lock ] || [ -f bun.lockb ]; then echo bun
elif [ -f pnpm-lock.yaml ]; then echo pnpm
elif [ -f yarn.lock ]; then echo yarn
else echo npm
fi

Commands:

  • Install: <pm> install (bun: bun install, pnpm: pnpm install, etc.)
  • Type check (compile-equivalent): <pm> run typecheck if defined in package.json, else npx tsc --noEmit (or tsc -b for project references)
  • Build: <pm> run build (verifies full toolchain — bundler, type check, assets)
  • Test (batch): <pm> test <path/to/file> or <pm> run test -- <pattern> (vitest/jest support filter flags; check package.json scripts)
  • Test (full): <pm> test or <pm> run test
  • Format: <pm> run format if defined, else npx prettier --write <path> or npx biome format --write <path> based on project config. Wired through hooks/format-on-edit.sh, which queues edited paths at PostToolUse and formats them at Stop, dispatching biome → prettier by extension — both halves must be wired or nothing is formatted. Do NOT use $CLAUDE_FILE — it is not a Claude Code env var.
  • Lint: <pm> run lint if defined, else npx eslint <path> or npx biome check <path> based on project config

Read the full file on GitHub · 411 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. 2d ago First seen · 411 lines · 43 tokens per session scan A cec0f8cfdcae

Subscribe to this mod's changes

tech-stack-typescript is a skill published in the GitHub repository moberghr/mtk-agent-toolkit (6 stars, last pushed 8d ago), licensed MIT. It adds 43 tokens to every session and 6,262 once invoked, about $0.0002 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.

Related

Other skills, from other repositories

client-setup

Create a vanilla tRPC client with createTRPCClient (), configure link chain with httpBatchLink/httpLink, dynamic headers for auth, transformer on links (not client constructor). Infer types with inferRouterInputs and inferRouterOutputs. AbortController signal support. TRPCClientError typing.

trpc/trpc · 63 tokens

custom-features

Author a TanStack Table v9 feature plugin across every FeatureMap and API installation surface: state, options, column definitions, table, column, row, cell, header, row-model functions/caches, defaults, prototypes, and table/row/column instance data lifecycles. Load for initTableInstanceData, resetTableInstanceData…

TanStack/table · 93 tokens

effect-and-errors

Composing Effect programs, domain errors, HttpError, repository error types, or error propagation at HTTP boundaries.

latitude-dev/latitude-llm · 26 tokens

migrate-better-result-3

Migrate a TypeScript codebase from better-result 2.x to 3.0. Use when upgrading better-result across the TaggedError syntax, removed Result serialization helpers, recovery inference, matching, or retry APIs.

dmmulroy/better-result · 52 tokens

fast-typescript-check

Keep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus…

internet-development/www-sacred · 84 tokens

typescript-magician

Designs complex generic types, refactors any types to strict alternatives, creates type guards and utility types, and resolves TypeScript compiler errors. Use when the user asks about TypeScript (TS) types, generics, type inference, type guards, removing any types, strict typing, type errors, infer, extends…

mcollina/skills · 108 tokens