skills.rest
giadaf-boosha
giadaf-booshaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

flowy-visual

Generate JSON-based flowcharts and iOS component mockups for UI/UX design.

10|1|Updated Feb 19, 2026
Search Tags:#prototyping#flowchart#UI/UX design#mockup#development tool
One-click install
npx skills add https://github.com/giadaf-boosha/claude-code --skill flowy-visual
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flowy-visual
Source: https://github.com/giadaf-boosha/claude-code/tree/main/skills/flowy-visual
Command: npx skills add https://github.com/giadaf-boosha/claude-code --skill flowy-visual

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

flowy-visual streamlines the process of designing UI/UX, allowing for visual feedback loops and efficient collaboration before coding.

Core Features & Use Cases

  • Visual Flowchart Creation: Generates and edits interactive JSON-based flowcharts, ideal for UI/UX planning.
  • Screen Mockups: Builds visual mockups with iOS components, suitable for layout and design iteration.
  • Integration with Development Workflow: Integrates with other tools for a cohesive development process.

Quick Start

Create an interactive flowchart for a feature using the flowy-visual skill by providing the process description.

Frequently Asked Questions about flowy-visual

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

FAQPage Schema
How do I generate a flowchart from a process description for UI/UX planning?▼

To generate a flowchart for UI/UX planning, you provide a process description to the tool. It automates JSON-based flowchart creation, producing interactive visual diagrams for efficient design iteration.

Can I build iOS mockups for screen layouts during software development?▼

Yes, you can build visual mockups using built-in iOS components. This allows you to create screen layouts and iterate on UI/UX designs before writing actual code.

What is JSON-based flowchart generation and how does it help prototyping?▼

JSON-based flowchart generation creates interactive diagrams using structured data. It helps prototyping by enabling automated visual feedback loops and efficient collaboration during early UI/UX planning.

Does this tool integrate with existing development workflows for UI/UX design?▼

Yes, the tool integrates with existing development workflows. It provides visualization capabilities that fit cohesively into your software development process for planning and team collaboration.

What is the best way to visualize a user journey before coding begins?▼

The best way to visualize a user journey before coding is using interactive flowcharts and screen mockups. This approach establishes visual feedback loops to validate UI/UX planning early.

Do I need to write JSON manually to create interactive flowcharts?▼

No, you do not need to write JSON manually. The tool automates JSON-based flowchart generation directly from your provided process descriptions, streamlining the visual mockup creation process.

Related Skills

Explore More Design & Creative Skills→
samykabusamykabu

process-flow-diagram

Converts plain English workflow descriptions into interactive HTML diagrams with export options.

Community
Intermediate
edwinhuedwinhu
19

visual-mockup

Generate interactive and static visual mockups for diagrams and charts.

Community
Intermediate
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
joeylife94joeylife94

plan-design-review

Review design plans and generate visual UI/UX mockups.

Community
Advanced