Skills
.Work. You
Rest

design-implement-ios

Community

Turn iOS mockups into polished SwiftUI fast.

Design & Creative#ios#swiftui#dark-mode#design-tokens#theme-generation#mockup-implementation
Authorjoi-fairshare
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the tedious process of translating approved iOS mockups into SwiftUI views that are fully aligned with the centralized design tokens and iOS human interface guidelines, so you avoid manual styling guesses and inconsistency.

Core Features & Use Cases

  • Theme.swift generation: Converts every color, typography, spacing, and radius token from design-tokens.json into a strongly typed Theme enum plus a Color(hex:) helper so shared styling stays consistent.
  • SwiftUI view creation: Builds components that mirror the approved mockup, import Theme.*, respect light and dark color schemes via @Environment, and avoid hardcoded spacing, colors, or fonts.
  • Compliance guardrails: Guides you through prerequisite checks, mockup selection, and verification steps so the delivered implementation is ready for design-verify and refine workflows.

Quick Start

Invoke the design-implement-ios skill with an approved iOS mockup to produce Theme.swift and SwiftUI components that use the design tokens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-implement-ios
Download link: https://github.com/joi-fairshare/agentic-workflow/archive/main.zip#design-implement-ios

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.