Skills
.Work. You
Rest

frontend-backend-contract-plan

Community

Define frontend-backend contracts before tests.

Software Engineering#ui#frontend#api#backend#spec#contract
Authorwendeus0
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Establish explicit contracts between frontend and backend before writing tests, reducing ambiguity and rework by aligning data, endpoints, and UI behavior.

Core Features & Use Cases

  • Extract screens and user flows from the SPEC to identify required data and interactions.
  • Infer endpoints, request/response shapes, and payloads for API integration.
  • Document UI states (loading, error, success, empty) and associated side effects to guide testing and implementation.

Quick Start

Draft a CONTRACT.md by reviewing the feature SPEC and existing code to capture screens, data, endpoints, and UI states.

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: frontend-backend-contract-plan
Download link: https://github.com/wendeus0/AI-dotfiles/archive/main.zip#frontend-backend-contract-plan

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 471,000+ vetted skills library on demand.