design-mockup

Detect platform indicators and forward mockup requests to web or iOS generators.

1|2|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/joi-fairshare/agentic-workflow --skill design-mockup-joi-fairshare
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-mockup
Source: https://github.com/joi-fairshare/agentic-workflow/tree/main/skills/design-mockup
Command: npx skills add https://github.com/joi-fairshare/agentic-workflow --skill design-mockup-joi-fairshare

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This dispatcher prevents designers and engineers from manually determining whether to run the web or iOS mockup generator, saving time when a repo contains both platform indicators or when the platform is unclear.

Core Features & Use Cases

  • Automated platform detection: Scans for Package.swift, Xcode projects, and package.json dependencies to identify iOS or web targets.
  • Delegated execution: Hands the original arguments off to either /design-mockup-ios or /design-mockup-web so each mockup skill can focus on platform-specific output.
  • Use Case: When onboarding a new product repo, run this skill once to let it choose the right mockup pipeline instead of trying to remember which flavor of design mockup to invoke.

Quick Start

Invoke /design-mockup with your screen name to detect whether web or iOS is present before delegating to the matching mockup skill.

Frequently Asked Questions about design-mockup

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

FAQPage Schema
How do I automate web or iOS mockup generation when a repository contains both platform indicators?

Automated mockup generation scans for Package.swift, Xcode projects, and package.json dependencies to detect platform targets, forwarding original arguments to the matching web or iOS generator. When both or neither platforms are present, it applies globbing detection criteria and requests user confirmation.

How does platform detection work for design mockups in mixed-project repositories?

Platform detection for design mockups works by scanning for specific file indicators like Package.swift and Xcode projects for iOS, or package.json for web. The dispatcher evaluates these globbing patterns and routes the mockup request to the appropriate platform-specific generator.

What's the best way to route design mockup requests without manually checking if a repo is web or iOS?

Routing design mockup requests automatically is handled by invoking a single dispatcher with your screen name. It detects platform indicators and delegates execution to either the web or iOS mockup generator, eliminating the need to manually determine which flavor to invoke.

Can I use automated mockup routing for repositories with unclear or missing platform indicators?

Automated mockup routing handles unclear or missing platform indicators by applying globbing detection criteria and prompting user confirmation when neither platform is confidently identified. This ensures accurate delegation even when repository signals are ambiguous.

Do I need to install dependencies or configure components to use this design mockup dispatcher?

No dependencies or components are required to use the design mockup dispatcher. It operates within agentic workflow repositories as a standalone routing tool, requiring only your screen name to initiate platform detection and delegation.

What happens when both web and iOS platform indicators are found during mockup generation?

When both web and iOS platform indicators are found during mockup generation, the dispatcher applies globbing detection criteria and requests user confirmation to determine which platform-specific generator should receive the forwarded arguments.