skills.rest
joi-fairshare
joi-fairshareCOMMUNITY
Explore all skills by this author →
GitHub

design-implement

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
One-click install
npx skills add https://github.com/joi-fairshare/agentic-workflow --skill design-implement
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
khoikhoi
16

pfw-spm

Modify Package.swift to add platforms, products, dependencies, targets, and macros.

Community
Intermediate
TheTesseractAITheTesseractAI

mockup-graduate

Transform approved design mockups into production code with dependencies and assets.

Community
Intermediate
PallepadehatPallepadehat
1

tailwind-v4-shadcn

Automate Tailwind v4 and shadcn/ui setup in Vite React projects.

Community
Advanced
bsreeram08bsreeram08
7

Cross-Platform App Development Skill

Develop cross-platform SwiftUI apps with adaptive layouts for Apple devices.

Community
Intermediate