Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From ios
Designs UI/UX and system architecture for Apple platforms with HIG compliance. Accepts a component name and optional --scope, --style, --platform, --pattern flags.
How this command is triggered — by the user, by Claude, or both
Slash command
/ios:design [component] [--scope ui|architecture|system] [--pattern mvvm]This command is limited to the following tools:
The summary Claude sees in its command listing — used to decide when to auto-load this command
# /ios:design - UI/UX & Architecture Design Design `$ARGUMENTS` following Apple Human Interface Guidelines and iOS architecture best practices. ## Arguments | Flag | Values | Default | Description | |------|--------|---------|-------------| | `--scope` | ui\|architecture\|system | ui | Design scope | | `--style` | minimal\|bold\|professional | minimal | UI design style | | `--platform` | ios\|ipados\|macos\|visionos | ios | Target platform | | `--pattern` | mvvm\|tca\|clean\|viper | mvvm | Architecture pattern | | `--modules` | - | - | Modular architecture design | | `--diagram` | - | - ...
Design $ARGUMENTS following Apple Human Interface Guidelines and iOS architecture best practices.
| Flag | Values | Default | Description |
|---|---|---|---|
--scope | ui|architecture|system | ui | Design scope |
--style | minimal|bold|professional | minimal | UI design style |
--platform | ios|ipados|macos|visionos | ios | Target platform |
--pattern | mvvm|tca|clean|viper | mvvm | Architecture pattern |
--modules | - | - | Modular architecture design |
--diagram | - | - | Generate architecture diagrams |
--dark-mode | - | - | Include dark mode design |
# UI/UX Design
/ios:design "user profile screen" --scope ui --style minimal
# Architecture Design
/ios:design "e-commerce app" --scope architecture --pattern mvvm --modules
# System Design
/ios:design "banking app" --scope system --pattern clean --diagram
# Design: [Component/System]
## Overview: Purpose and scope
## Architecture Diagram: [If --diagram]
## Components: Detailed breakdown
## Patterns: Applied patterns with rationale
## Implementation Plan: Prioritized steps
npx claudepluginhub carolanelfbv/ios-development-agents --plugin ios/designDesigns system architecture, APIs, components, and databases producing specifications, diagrams, or code. Accepts target and optional --type (architecture|api|component|database) and --format flags.
/designGuides interactive frontend design workflow: project discovery, trend research, moodboard creation, color/typography selection, and production-ready code generation.
/designCreates comprehensive feature design documents with research and architecture for a given feature name or idea.
/designGenerates Markdown technical design document framework for a feature (doc mode, default). Also supports checklist mode for S-Tier SaaS design quality checks.
/designEnforces SwiftUI design rules for uniform constants, flexible accessible layouts, system styling, and inclusive practices across devices.
/designDesigns system architecture with mandatory C4 (Mermaid) diagrams and tech stack recommendations, consulting prior requirements and flagging contradictions.