Skills
.Work. You
Rest

mock-api-contracts

Community

Validate UI flows with mock API contracts

Software Engineering#fastapi#prototyping#mocking#contract-testing#ui-design#api-contracts#mock-api
Authorbennybennison
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reduce uncertainty between front-end design and backend implementation by defining UI-facing API contracts early and proving screen flows against mocked endpoints before committing to backend designs.

Core Features & Use Cases

  • Api contract artifacts: Produce clear request, response, and error shapes that the UI expects.
  • Mocked FastAPI surfaces: Provide lightweight stubs or mocks to simulate endpoint behavior for end-to-end UI validation.
  • Validated app slice: Demonstrate a working UI flow with example responses and error cases to validate assumptions and UX decisions.
  • Use Case: A product and engineering team validates login and onboarding screens with mocked endpoints to confirm UI behavior and error handling prior to backend implementation.

Quick Start

Ask the skill to generate ApiContract definitions and a mocked FastAPI endpoint for the signup screen so you can validate the UI flow.

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: mock-api-contracts
Download link: https://github.com/bennybennison/agent-toolkit/archive/main.zip#mock-api-contracts

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.