ui-contract

Community

Align frontend/backend API contracts fast.

Authorkrazyuniks
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill defines and maintains complete API contracts between backend and frontend, ensuring consistent data shapes, type mappings, and standardized error responses across stacks.

Core Features & Use Cases

  • Pydantic to TypeScript mapping: Generate TypeScript types from Pydantic models to keep clients in sync with server models.
  • Standardized contracts: Consistent request/response schemas, error formats, and pagination contracts across the API surface.
  • Use Case: When building a React frontend against a FastAPI backend, use this skill to keep models, validation, and errors aligned without manual duplication.

Quick Start

Use the ui-contract skill to generate TypeScript types from Python models and to validate that frontend contracts match backend schemas.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-contract
Download link: https://github.com/krazyuniks/guitar-tone-shootout-archive/archive/main.zip#ui-contract

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.