/mobile-design
Дизайн мобильных экранов без нейрослопа
— О продукте —
Попроси Claude «красивый дизайн приложения», и получишь розовый градиент, стеклянные карточки, кнопки-таблетки и корону на экране оплаты. Так выглядел мой Tona, пока я не собрал правила, по которым его переделал.
Этот скилл и есть эти правила. Работает для SwiftUI, React Native, Flutter и Compose. Если кода ещё нет, рисует HTML-макеты 402×874.
Возможности
Сначала смысл экрана
Понимает, ради чего экран: контент, одно главное действие, платформа.
Маленькая строгая система
Цвета, шрифты, отступы и 3 радиуса. Экраны берут значения только оттуда.
Запреты
Градиенты, стекло, таблетки, иконки в кружках, короны, эмодзи и всё по центру.
Рецепты и чек-лист
Онбординг, оплата, пустой экран, галерея, настройки, редактор, шторка. Каждый экран проходит чек-лист перед показом.
Установка
- 01
Вставь в Claude Code:
Установи скилл https://github.com/vaykondev/mobile-design-skill в ~/.claude/skills
- 02
Перезапусти Claude Code, и появится команда:
/mobile-design сделай экраны онбординга и оплаты для моего приложения