# Frontend Type Script

> Escribe TypeScript estricto con tipos que ayudan: interfaces, genéricos, satisfies y uniones discriminadas, y resuelve errores de tipos.

- Skill: `leandrobenjaminl/frontend-type-script` (Agent Skill)
- Install (CLI): `npx skillmds@latest add leandrobenjaminl/frontend-type-script`
- Raw SKILL.md: https://api.skillmd.com/api/skills/leandrobenjaminl/frontend-type-script/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools, Web & Frontend, Refactoring
- Tags: Generics, Strict Mode, Tsconfig, Type Safety, Typescript
- License: MIT
- Author: LeandroBenjaminL (https://skillmd.com/u/leandrobenjaminl)
- Updated: 2026-08-22
- Page: https://skillmd.com/skills/leandrobenjaminl/frontend-type-script

---


# Skill: frontend-type-script

TypeScript strict. Que los tipos te ayuden, no que te estorben.

## Trigger

- Estás escribiendo una función o componente nuevo
- Un error de tipos no te deja compilar
- Tenés `any` en el código y querés sacarlo
- Necesitás un tipo complejo (intersección, unión discriminada, template literal)

## Workflow LEND

1. ANALIZAR
   ├── ¿strict mode está activado? tsconfig.json: strict: true
   ├── ¿Hay anys? contalos y planeá eliminarlos
   ├── ¿Los tipos reflejan el dominio o solo repiten la forma de los datos?
   └── ¿Hay tipos compartidos que deberían estar en una carpeta types/?

2. OFRECER (Menú del Senior)
   ├── A) Tipado simple — interface + type, sin genéricos complejos
   ├── B) Tipado genérico — utility types, genéricos, satisfies
   └── C) Tipado avanzado — template literal types, infer, conditional types

3. ELEGIR → confirmación

4. HACER
   ├── interface para objetos (extensible), type para uniones y primitivos
   ├── satisfies para validar que un valor cumple un tipo sin asumirlo
   ├── as const para objetos literales con tipos exactos
   ├── discriminated unions para estados (type State = Loading | Success | Error)
   ├── z.
   └── stricter: evitar `any`, preferir `unknown` si no sabés el tipo

5. VERIFICAR
   ├── tsc sin errores (o vite build)
   ├── No hay anys nuevos
   └── Los tipos ayudan al autocompletado sin ser una novela