skills.rest
bughq
bughqOFFICIAL
Explore all skills by this author →
GitHub

stacks-imagegen-mobile

Generate platform-aware mobile app screen mockups and user flow visualizations.

2|Updated Jul 8, 2026
Search Tags:#design#ui#prototyping#mobile#ios#android#mockup
One-click install
npx skills add https://github.com/bughq/bughq --skill stacks-imagegen-mobile-bughq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stacks-imagegen-mobile
Source: https://github.com/bughq/bughq/tree/main/.claude/skills/stacks-imagegen-mobile
Command: npx skills add https://github.com/bughq/bughq --skill stacks-imagegen-mobile-bughq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of generic, low-quality AI-generated mobile mockups by providing a structured, art-directed approach to creating premium, platform-aware mobile app screen designs.

Core Features & Use Cases

  • Platform-Specific Art Direction: Generates UI designs tailored for iOS, Android, or cross-platform aesthetics with correct safe-area and navigation logic.
  • Consistent Flow Generation: Creates cohesive sets of screens for onboarding, auth, dashboards, and complex user journeys that maintain a unified design system.
  • Use Case: Use this when you need to visualize a new fintech or social app concept with high-fidelity, readable, and professional screen mockups before starting the implementation phase.

Quick Start

Use the stacks-imagegen-mobile skill to generate a five-screen onboarding and authentication flow for a premium iOS health tracking app.

Frequently Asked Questions about stacks-imagegen-mobile

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

FAQPage Schema
How do I generate high-fidelity mobile app mockups for iOS and Android?▼

To generate high-fidelity mobile app mockups, you need a structured approach that applies platform-aware art direction, ensuring correct safe-area logic and readable typography for iOS and Android ecosystems.

What is the best way to create cohesive user flows for mobile onboarding?▼

Creating cohesive user flows for mobile onboarding requires generating a consistent set of screen mockups that maintain a unified design system across the entire authentication journey.

Can I use this approach to prototype cross-platform mobile UI concepts?▼

Yes, you can prototype cross-platform mobile UI concepts because the generation process supports platform-specific aesthetics for iOS, Android, and cross-platform environments with logical navigation patterns.

Why do generic AI mobile mockups lack visual consistency?▼

Generic AI mobile mockups lack visual consistency because they fail to apply structured art direction, resulting in poor typography, unreadable text, and incorrect platform-specific navigation logic.

How do I visualize a fintech app design before implementation?▼

To visualize a fintech app design before implementation, generate premium, high-fidelity screen mockups that satisfy requirements for visual consistency and professional art direction across complex user journeys.

Does mobile UI prototyping require platform-specific safe-area logic?▼

Yes, mobile UI prototyping requires platform-specific safe-area logic to ensure visual elements and navigation patterns render correctly within iOS and Android screen boundaries.

Related Skills

Explore More Design & Creative Skills→
Gekkos-techGekkos-tech
4

imagegen-mobile

Generate iOS and Android app screen concepts from detailed user prompts.

Official
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
vultisigvultisig
19

Figma Design Implementation

Translate Figma UI designs into React components using MCP tools.

Official
Intermediate
pacphipacphi
6

mobile-testing

Automate mobile app QA across iOS and Android with Appium.

Community
Advanced