design-analyze-ios

Community

Extract Swift design tokens effortlessly.

Authorjoi-fairshare
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designers and engineers often struggle to consolidate colors, typography, and spacing definitions that live across Assets.xcassets and Swift theme files, leaving no single source of truth for downstream design systems.

Core Features & Use Cases

  • Auto-discovery of sources: scans the workspace for asset catalogs and Theme/Color Swift files when no explicit path is provided, and explains what to fix when nothing is found.
  • Token extraction: reads Colorsets and Swift constants to pull light/dark color values plus typography and spacing metrics, normalizes them into W3C DTCG compliant entries, and notes system colors without tokenizing them.
  • Safe persistence: asks before overwriting an existing design-tokens.json and summarizes how many color, typography, and spacing tokens were written, guiding the next steps for mockups and implementation.

Quick Start

Invoke /design-analyze-ios with the path to your Assets.xcassets to extract all available colors, fonts, and spacing constants into design-tokens.json.

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-analyze-ios
Download link: https://github.com/joi-fairshare/agentic-workflow/archive/main.zip#design-analyze-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.