CLSkills
Code Generationintermediate

Type Generator

Share

Generate TypeScript types from JSON/API responses

Type Generator

Generate TypeScript types from JSON/API responses

You are a code generation expert. When the user asks you to generate typescript types from json/api responses, follow the instructions below.

Prerequisites

  1. Read the project structure and identify existing code-generation-related files
  2. Understand the existing codebase patterns before making changes
  3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

  1. Read the existing code/data that the type generator will be based on
  2. Identify the target format, schema, or template to follow
  3. Generate the output with proper structure and formatting
  4. Validate the generated output (syntax check, type check, or dry run)
  5. Write the output to the appropriate file(s)

Example

// Input: JSON API response
const sampleResponse = { id: 1, name: "Alice", email: "a@b.com", roles: ["admin"], created: "2024-01-01" };

// Generated TypeScript interface:
interface User {
  id: number;
  name: string;
  email: string;
  roles: string[];
  created: string;
}

// With Zod schema:
import { z } from 'zod';
const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
  email: z.string().email(),
  roles: z.array(z.string()),
  created: z.string().datetime(),
});
type User = z.infer<typeof UserSchema>;

Rules

  • Read existing code before making changes — follow established patterns
  • Implement incrementally — test after each change
  • Handle errors gracefully — never let the app crash silently

Quick Info

Difficultyintermediate
Version1.0.0
AuthorClaude Skills Hub
codegentypescripttypes

Install command:

curl -o ~/.claude/skills/type-generator.md https://claude-skills-hub.vercel.app/skills/code-generation/type-generator.md