api-design

Generate Postman Collection JSON API contracts from Figma screens.

1|Updated May 22, 2026
One-click install
npx skills add https://github.com/AdhamHashim/flutter_clean_arch_base --skill api-design-adhamhashim
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: api-design
Source: https://github.com/AdhamHashim/flutter_clean_arch_base/tree/main/.claude/skills/api-design
Command: npx skills add https://github.com/AdhamHashim/flutter_clean_arch_base --skill api-design-adhamhashim

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires postman_collection_json, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of manually creating API contracts, especially when working with Flutter applications and Figma design files.

Core Features & Use Cases

  • API Contract Generation: Automatically generates API contracts (Postman Collection JSON) from Figma screens.
  • Flutter Integration: Facilitates the integration of the generated API contracts with Flutter code, including cubits and entities.
  • Use Case: When developing a Flutter application, use this Skill to create API contracts directly from your Figma design files, speeding up the development process and ensuring consistency between design and code.

Quick Start

Generate an API contract for a new feature in your Flutter app by analyzing the corresponding Figma screen and following the outlined steps.

Frequently Asked Questions about api-design

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

FAQPage Schema
How do I generate an API contract from Figma screens for Flutter?

You can generate an API contract directly from Figma screens by analyzing the UI design to identify services and endpoints, which then produces a Postman Collection JSON and facilitates Flutter integration for cubits, entities, and ApiConstants.

Can I automatically create Postman Collection JSON from my Figma design files?

Yes, this Skill automatically creates Postman Collection JSON from your Figma design files by analyzing the UI screens, identifying required services, and designing the appropriate endpoints for your application.

Does generating API contracts from Figma require understanding Flutter architecture?

Yes, generating API contracts from Figma with this Skill requires an understanding of Flutter architecture, as the process specifically facilitates integration with cubits, entities, and ApiConstants within your application.

What is the best way to integrate Figma UI analysis with Flutter cubits and entities?

The best way to integrate Figma UI analysis with Flutter cubits and entities is by auto-generating an API contract that defines services and endpoints, ensuring direct consistency between your design files and code architecture.

Do I need Postman to use the generated API contracts for my Flutter app?

You do not necessarily need the Postman application itself, but this Skill outputs Postman Collection JSON format, so you will need an environment capable of importing or reading this dependency to use the generated API contracts.