swiftui-design — скилл для Claude Code: дизайн SwiftUI без слопа
Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. Направляет дизайн-решения, проверяет бренд-активы и оценивает макеты по пяти критериям.
npx skills add nexu-io/open-design --skill swiftui-design -a claude-codeЧто делает swiftui-design
swiftui-design — это набор правил и процессов для качественного дизайна iOS-интерфейсов внутри Claude Code, Cursor, Codex и других агентов. Скилл включает anti AI-slop правила (запреты на шаблонные решения), советы по направлению дизайна, протокол работы с бренд-активами и пятимерный review интерфейсов — по ощущениям, структуре, типографике, цвету и интерактивности.
Скилл срабатывает на триггеры вроде «swiftui design», «ios design», «native ui design» и помогает агенту выбрать правильный подход на этапе планирования. Работает как проводник: объясняет, что стоит делать, а что нет, опираясь на опыт @wholiver. Установка требует одной команды для вашей платформы; после этого вызываешь скилл по имени или фразе.
Какие задачи решает
- проектировать SwiftUI-интерфейсы без типичных ошибок AI
- согласовать дизайн с бренд-гайдлайном и активами
- оценить макет по структуре, типографике и интерактивности
- избежать шаблонных, «слоповых» решений в UI
Примеры запросов агенту
- swiftui design для экрана профиля с кастомными анимациями
- ios design review: проверь этот макет по пяти критериям
- native ui design: как правильно разместить формы и кнопки в SwiftUI
Как установить swiftui-design
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill swiftui-design -a claude-code2Вручную: положить файлы
~/.claude/skills/swiftui-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/swiftui-design/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill swiftui-design -a codex2Вручную: положить файлы
.agents/skills/swiftui-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill swiftui-design -a cursor2Вручную: положить файлы
.cursor/skills/swiftui-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design swiftui-design2Вручную: положить файлы
.github/skills/swiftui-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill swiftui-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/swiftui-designВручную: положить файлы
.devin/skills/swiftui-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill swiftui-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора39
Весь набор →Похожие
Вопросы о swiftui-design
Как установить swiftui-design в Claude Code?
Запусти команду npx skills add nexu-io/open-design --skill swiftui-design -a claude-code, затем открой файл ~/.claude/skills/swiftui-design/SKILL.md для проверки. После этого вызывай скилл по имени или триггер-фразам вроде «swiftui design» или «ios design».
Что делает swiftui-design?
Скилл направляет дизайн iOS-интерфейсов, останавливает типичные ошибки AI-кода и проверяет макеты по пяти критериям: ощущения, структура, типографика, цвет, интерактивность. Включает правила на противодействие шаблонным решениям и протокол работы с бренд-активами.
На каких платформах работает swiftui-design?
Скилл доступен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для каждой платформы своя команда установки.
Исходный текст
SKILL.md · Apache-2.0
--- name: swiftui-design description: | SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode. triggers: - "swiftui design" - "ios design" - "native ui design" - "apple frontend" - "swiftui slop" od: mode: design-system category: design-systems upstream: "https://github.com/wholiver/swiftui-design-skill" --- # swiftui-design > Curated from @wholiver. ## What it does SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode. ## Source - Upstream: https://github.com/wholiver/swiftui-design-skill - Category: `design-systems` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/wholiver/swiftui-design-skill ``` Then ask the agent to invoke this skill by name (`swiftui-design`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design
