skills.rest
AskTinNguyen
AskTinNguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

flowy-ui-mockup

Generate iOS UI mockups as Flowy JSON with screens, components, and connections.

1|Updated Jan 26, 2026
Search Tags:#json#ios#prototype#ui-design#wireframe#mockup#flowy
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill flowy-ui-mockup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flowy-ui-mockup
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/flowy-ui-mockup
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill flowy-ui-mockup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline the creation and sharing of iOS UI concepts by encoding mockups as Flowy JSON, enabling precise visualization without traditional drawing tools.

Core Features & Use Cases

  • JSON-based mockups for iPhone and iPad that render as interactive interfaces
  • Defines screens, components, connections, and viewport for consistent design specs
  • Use cases include prototyping flows, documenting UI specifications, and communicating layouts to developers

Quick Start

Generate a basic Flowy mockup for a single iPhone screen to illustrate a UI concept

Frequently Asked Questions about flowy-ui-mockup

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

FAQPage Schema
How do I generate iOS UI mockups in JSON format?▼

You can generate iOS UI mockups in JSON by defining screens, components, connections, and viewport parameters within a structured schema. This encodes pixel-perfect iPhone and iPad interfaces for visualization without traditional drawing tools.

Can I use JSON to prototype iPhone and iPad screen layouts?▼

Yes, you can prototype iPhone and iPad layouts using JSON to specify device types, unique component IDs, and layout constraints. This renders interactive interface mockups for visualizing user flows and transitions.

What is the best way to document iOS UI specifications for developers?▼

Documenting iOS UI specifications is best achieved by encoding mockups as JSON data. This defines exact screens, components, and connections, providing developers with precise layout constraints and interface visualization.

Does JSON-based UI design support multiple iOS device types?▼

JSON-based UI design supports multiple iOS device types by enforcing device specifications within the schema. You can define distinct viewport settings and layout constraints for both iPhone and iPad screens.

How do I define screen transitions in a JSON wireframe?▼

You define screen transitions in a JSON wireframe by establishing connections between unique component and screen IDs. This maps the interactive flow between different interface states within the mockup.

What are the limitations of using JSON for iOS UI design?▼

Using JSON for iOS UI design requires strict adherence to a specific schema structure, enforcing unique IDs and layout constraints. It encodes structural interface data rather than rendering high-fidelity visual graphics.

Related Skills

Explore More Design & Creative Skills→
yangliu2060yangliu2060
39

youtube-video-analyzer

Extract YouTube transcripts and captions into structured summaries with key points.

Community
Basic
gooseworks-aigooseworks-ai
6

render-ios-lockscreen

Render iOS lockscreen mockups from JSON config to HTML and PNG.

Official
Advanced
peterWang123589peterWang123589

vite

Configure Vite for dev servers, production builds, and HMR workflows.

Community
Advanced
ArtRivArtRiv

input-keyboard-mouse-touch

Handle keyboard, mouse, touch, drag-and-drop, and gamepad input in Phaser scenes.

Community
Intermediate