JordanCoin/ios-design-stack

JordanCoin 프로필

최근 기록된 소스 활동: 2026년 3월 30일 03:30

SkillsMP 카탈로그 업데이트: 2026년 10월 17일 00:09

수집된 skills: 4

GitHub 스타: 0
GitHub 포크: 0

저장소 README

README 원본 파일: README.md

README 원본 보기

README 전체 펼치기

# iOS Design Stack Autonomous iOS design pipeline. Give it a prompt, it designs iOS screens in Pencil MCP, reviews for taste, builds with XcodeBuildMCP, and iterates until done. ## Usage ``` /ios-design-stack "Design a login screen for iOS. Requirements: - Follow Apple HIG - Clean, minimal, premium feel - Accessible (Dynamic Type, VoiceOver) - Dark mode support" ``` ## The Pipeline ``` SETUP → DESIGN → REVIEW → BUILD → VERIFY → ITERATE → DONE ``` 1. **Setup** — loads iOS design tokens (SF Pro type scale, semantic colors, 8pt grid) 2. **Design** — creates screen in Pencil MCP with Apple HIG compliance 3. **Review** — taste-checks against Design Philosophy (Dieter Rams principles) 4. **Build** — exports to SwiftUI, builds with XcodeBuildMCP, screenshots 5. **Verify** — checks spacing, touch targets, typography, colors, safe areas 6. **Iterate** — fixes issues, loops until all checks pass ## With Ralph Loop (fully autonomous) ``` /ralph-loop "Run /ios-design-stack: Design a settings screen for a fitness app. Dark mode, SF Pro, minimal. Output <promise>DESIGN_COMPLETE</promise> when done." ``` Ralph keeps iterating until the design passes every check. Typical: 3-5 iterations. ## Install ```bash # As a Claude Code skill (copy skills to your project) cp -r skills/* .claude/skills/ # Or install as plugin claude plugins add . ``` ## Skills | Skill | What | |-------|------| | `design-philosophy` | Taste principles — Dieter Rams, "less but better" | | `ios-design-tokens` | iOS HIG tokens — SF Pro, semantic colors, 8pt grid, radii | | `pencil-ios-design` | iOS Pencil MCP workflow — screen patterns, layout rules | ## Requirements - Pencil.dev MCP server (design canvas) - XcodeBuildMCP (optional — for build validation) - Ralph Loop plugin (optional — for autonomous iteration) ## Full Collection For 200+ iOS/Swift/Xcode skills beyond design, see [ios-skills-collection](https://github.com/JordanCoin/ios-skills-collection). ## License MIT

저장소 README를 불러오는 중…

이 저장소의 skills

웹·디지털 인터페이스 디자이너 그래픽 디자이너

직업 카테고리 2개 · 100% 분류됨

skill

직업 분류

설명

업데이트

ios-design-stack

웹·디지털 인터페이스 디자이너

Invocable iOS design pipeline. When called with a design prompt, runs an autonomous loop: designs iOS screens in Pencil MCP following Apple HIG, reviews for taste using Design Philosophy, validates with XcodeBuildMCP, and iterates until done. Use as:…

원문 언어: 영어

2026-03-30

ios-design-tokens

웹·디지털 인터페이스 디자이너

iOS design system tokens for Pencil MCP: SF Pro typography scale, iOS semantic colors (light + dark mode hex values), spacing grid, touch targets, corner radii, and component heights. Use when initializing a .pen file for iOS design or setting up design…

원문 언어: 영어

2026-03-30

pencil-ios-design

그래픽 디자이너

iOS-specific Pencil MCP design workflow. Creates iOS screens on canvas following Apple HIG with proper SF Pro typography, semantic colors, and 8pt spacing grid. Use when designing iOS UI in .pen files. Requires Pencil MCP server.

원문 언어: 영어

2026-03-30

design-philosophy

웹·디지털 인터페이스 디자이너

Design thinking and taste-building principles based on Dieter Rams. Use when making design decisions, reviewing UI quality, or building taste for any visual interface — web or native.

원문 언어: 영어

2026-03-30

수집된 skill 4개 중 4개를 표시합니다.

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/JordanCoin/ios-design-stack.