Back to skills
SKILL.md
Implementing Typescript
ASecurityImplements concise, streamlined TypeScript/React code matching exact architect specifications. Use when writing TypeScript code, creating modules, or when the user asks to implement features in TypeScript/React.
- 2 stars
- 0 votes
- 0 copies
- 4 views
- Added September 5, 2026
Works with
Security analysis
100/100Pro scans all 4 files and shows the line behind each finding
npx -y skills add qte77/claude-code-plugins --skill implementing-typescript --agent claude-codeAre you the author of Implementing Typescript?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/qte77-implementing-typescript)---
name: implementing-typescript
description: Implements concise, streamlined TypeScript/React code matching exact architect specifications. Use when writing TypeScript code, creating modules, or when the user asks to implement features in TypeScript/React.
compatibility: Designed for Claude Code
metadata:
allowed-tools: Read, Grep, Glob, Edit, Write, Bash, WebSearch, WebFetch
argument-hint: [feature-name]
stability: stable
content-hash: sha256:d2cac197cd70af4f908c5301064dc42bdc1fa79e68c7c3a236e7c97ae521a99e
---
# TypeScript Implementation
**Target**: $ARGUMENTS
Creates **focused, streamlined** TypeScript/React implementations following architect
specifications exactly. No over-engineering.
## TypeScript Standards
See `references/typescript-best-practices.md` for comprehensive TypeScript guidelines.
See `references/react-best-practices.md` for React patterns.
See `references/vite-conventions.md` for Vite project conventions.
## Workflow
1. **Read architect specifications** from provided documents
2. **Validate scope** — Simple (single module) vs Complex (multi-module)
3. **Study existing patterns** in `src/` structure
4. **Implement minimal solution** matching stated functionality
5. **Create focused tests** matching task complexity
6. **Run validation** and fix all issues
## Implementation Strategy
**Simple Tasks**: Single module, strict TypeScript, proper typing, inline exports
**Complex Tasks**: Multi-module with React components, async patterns, proper interfaces, custom hooks
**Always**: Use existing project patterns, pass validation
## Output Standards
**Simple Tasks**: Minimal functions with proper type annotations and error handling
**Complex Tasks**: Complete modules with interfaces, components, tests, and documentation
**All outputs**: Concise, streamlined, no unnecessary complexity
## Quality Checks
Before completing any task:
```bash
npx tsc --noEmit && npx vitest run && npx eslint . # eslint: type-checked config, see references
```
All type checks, tests, and lints must pass.
Files in this skill
- SKILL.md
- references/react-best-practices.md
- references/typescript-best-practices.md
- references/vite-conventions.md
Attribution
Comments
Loading comments…
Newsletter
Get the weekly list of safe new skills, and the ones we pulled.