Skip to content
uencoder
PIPELINE Developer Productivity Intermediate 3 steps

Generate TypeScript interfaces from YAML

When you have YAML configuration or API schemas and need TypeScript types for your project, this chain converts YAML to JSON, formats it, and generates TypeScript interface definitions automatically.

What it solves

Convert a YAML document to TypeScript interface definitions, using JSON as an intermediate format.

Input → Output

YAML Converter input → JSON to TypeScript output across 3 steps.

Runs in

2–3 minutes · fully local in your browser.

Before you start

  • A valid YAML document

The pipeline

  1. 1 YAML Converter yaml-convert

    Convert between YAML and JSON online. Free, private, and 100% client-side.

  2. 2 JSON Formatter json-format

    Format, minify, or sort JSON online. Free, private, and 100% client-side.

    Params: mode=format

  3. Infer TypeScript interfaces from JSON. Free, private, 100% client-side.

Open in Toolchain

Runs locally in your browser. The recipe defines the pipeline only — your input never leaves this tab.

▶Run this workflow

Enter your input below and click Run. All processing happens locally in your browser — nothing is uploaded.

Pipeline progress

  1. YAML Converteryaml-convert
  2. JSON Formatterjson-format
  3. JSON to TypeScriptjson-to-ts

Sample input

name: uencoder
version: 1
features:
  - encode
  - decode

Expected output

interface Result {
  name: string;
  version: number;
  features: string[];
}

This pair is executed against the real tools at build time (tests/unit/recipes.test.ts) — the expected output is verified, not illustrative.

Related workflows

You might also need

Workflows sharing tools or topics with this recipe.

Learn more

Tools used