spec

Generate TypeScript interfaces, Zod schemas, and API routes from FlowSpec YAML exports.

1|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/Jktfe/flowspec-claude-code-plugin --skill spec-jktfe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: spec
Source: https://github.com/Jktfe/flowspec-claude-code-plugin/tree/main/skills/spec
Command: npx skills add https://github.com/Jktfe/flowspec-claude-code-plugin --skill spec-jktfe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

FlowSpec YAML exports define a comprehensive data architecture, but translating them into usable code across types, validation, UI, API routes, and business logic requires careful mapping and orchestration.

Core Features & Use Cases

  • Load a FlowSpec YAML export and generate TypeScript interfaces, Zod schemas, and server endpoints based on the spec.
  • Map DataPoints, Components, and Transforms to code artifacts and wiring in a real application.
  • Provide end-to-end guidance from data modeling to server loaders, forms, and UI composition for production-grade apps.

Quick Start

Load a FlowSpec YAML export and generate a complete, type-safe implementation starting from types and schemas to API routes and UI components, using the spec as the single source of truth.

Frequently Asked Questions about spec

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate TypeScript interfaces and API routes from a YAML spec?

To generate TypeScript interfaces and API routes from a YAML spec, load a FlowSpec YAML export into the system. It validates the structure and translates DataPoints and Transforms into typed interfaces, schemas, server endpoints, and UI components.

What is the best way to turn FlowSpec YAML exports into production-ready code?

Turning FlowSpec YAML exports into production-ready code is best handled by using the spec as a single source of truth. This approach maps data architecture directly to concrete artifacts like Zod schemas, loaders, forms, and business logic wiring.

Can I generate Zod schemas and UI components from FlowSpec YAML data points?

Yes, you can generate Zod schemas and UI components from FlowSpec YAML data points. The process maps DataPoints and Components to code artifacts, ensuring your forms and UI composition reflect the YAML-defined relationships accurately.

Do I need a complete FlowSpec YAML export to generate types and server loaders?

Yes, you need a complete FlowSpec YAML export to generate types and server loaders. The system validates the YAML structure and requires the comprehensive data architecture to accurately produce typed interfaces and business logic.

How does spec-driven development map YAML transforms to business logic?

Spec-driven development maps YAML transforms to business logic by translating FlowSpec export definitions into concrete code wiring. It orchestrates the mapping of DataPoints and Transforms into functional loaders and application logic for production use.