JordanCoin/ios-design-stack

ملف JordanCoin

آخر نشاط مصدر مسجل: ٣٠ مارس ٢٠٢٦ في ٠٣:٣٠

آخر تحديث لفهرس SkillsMP: ١٧ أكتوبر ٢٠٢٦ في ٠٠:٠٩

skills مجمعة: ٤

نجوم GitHub: ٠
تفرعات GitHub: ٠

ملف README للمستودع

مصدر ملف README للمستودع: README.md

قراءة الملف الأصلي

عرض ملف 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 في هذا المستودع

مصممو واجهات الويب والرقمية المصممون الجرافيكيون

٢ فئات مهنية · 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

عرض ٤ من أصل ٤ skills مجمعة.

التثبيت بمساعدة مساعد ذكي

انسخ هذا الطلب إلى المساعد الذكي الذي تستخدمه.

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