design-implement

Name: design-implement
Availability: InStock
Author: joi-fairshare

Detect web or iOS targets and dispatch platform-specific code generation.

1|2|Updated Mar 19, 2026

Search Tags:#nextjs #swiftui #code-generation #platform-detection #design-implementation #workflow-dispatcher

Ready to run

npx skills add https://github.com/joi-fairshare/agentic-workflow --skill design-implement

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-implement
Source: https://github.com/joi-fairshare/agentic-workflow/tree/main/skills/design-implement
Command: npx skills add https://github.com/joi-fairshare/agentic-workflow --skill design-implement

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the guesswork of determining whether a project is web or iOS before generating production-ready components, so you no longer need to manually choose the right implementation path to match an approved mockup.

Core Features & Use Cases

Platform detection: Examines Package.swift, Xcode workspaces, and package.json dependencies to decide if the repo targets iOS, web, both, or neither.
Dispatcher logic: Delegates to /design-implement-web or /design-implement-ios, passing along arguments and surfacing prompts when both or neither platforms are detected.
Use Case: When rolling out a new mockup across web and SwiftUI, run this skill to ensure the appropriate code generation pipeline executes without needing manual decisions on the platform.

Quick Start

Run /design-implement to auto-detect the platform and delegate to the appropriate implementation skill.

Frequently Asked Questions about design-implement

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

FAQPage Schema

How do I auto-detect whether a repository targets web or iOS before generating code?▼

Platform detection examines project markers like Package.swift, Xcode workspaces, and package.json dependencies to automatically identify whether a repository targets web, iOS, both, or neither before generating code.

How do I generate SwiftUI or NextJS components from an approved mockup without choosing the pipeline manually?▼

Run a dispatcher to auto-detect the platform and delegate to the matching code generation pipeline, passing along arguments to produce the appropriate SwiftUI or NextJS implementation from the approved mockup.

What happens if my repository supports both web and iOS platforms?▼

When both platforms are detected, the dispatcher surfaces a prompt asking you to choose, then delegates to the matching sub-skill to execute the appropriate platform-specific code generation pipeline.

Can I use this to implement front-end designs across NextJS and SwiftUI workflows?▼

Yes, you can implement production front-end designs across NextJS and SwiftUI workflows by dispatching platform-specific code generation after automatically detecting the target platform from project markers.

What should I do if no platform is detected from my package.json or Xcode workspace files?▼

When neither platform is detected from project markers, the dispatcher surfaces a prompt to clarify the target, ensuring you manually select the correct implementation path before code generation proceeds.