Agent skill

types

TypeScript type generation and synchronization between backend OpenAPI and frontend. Auto-generates types from /openapi.json using openapi-typescript. Critical after any API change.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/design/types

SKILL.md

Skill: Types

Type generation and synchronization between frontend and backend.

Routing Logic

Analyze the user's intent and route to the appropriate workflow:

Generate Types → workflows/generate.md

  • "Generate types"
  • "Update frontend types"
  • "Sync types from backend"
  • "Regenerate API types"

Type Usage → workflows/usage.md

  • "How do I use the generated types?"
  • "Import types for [endpoint]"
  • "Type the API response"

Troubleshooting → workflows/troubleshoot.md

  • "Types are out of sync"
  • "TypeScript error with API"
  • "Type doesn't match response"

Configuration Questions → context/config.md

  • "Where are types generated?"
  • "How does type generation work?"

Workflows

  • workflows/generate.md - Generate TypeScript types from OpenAPI
  • workflows/usage.md - How to use generated types
  • workflows/troubleshoot.md - Fix type issues

Context

  • context/config.md - Type generation configuration
  • context/patterns.md - Type usage patterns

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results