> Mobile _

Умение работать с Unicode и эмодзи — вполне востребованный навык.

Создаём новое приложение Marigold Design System из стартового шаблона и приступаем к прототипированию. Клонируем репозиторий marigold-ui/starter, приводим в порядок файлы репо, настраиваем package.json и устанавливаем зависимости, чтобы пользователь мог сразу начать разработку. Используйте этот навык, когда кто-то хочет создать новый Marigold-проект, прототипировать UI с компонентами Marigold, создать скаффолд Vite + React-приложения с доступными компонентами, настроить свежий стартер из marigold-ui/starter или начать разработку нового приложения с использованием дизайн-системы Marigold — даже если они не говорят "скаффолд" или "create-marigold-app" напрямую. Не используйте для добавления компонентов в существующие проекты, отладки билдов Marigold или внесения вклада в компоненты в монорепозиторий Marigold.

Помогает правильно использовать компоненты KtUI (Keenthemes Tailwind UI) — импорты из `@keenthemes/ktui`, шаблон инициализации и документацию. Используй это, когда создаешь интерфейс с KtUI, добавляешь или кастомизируешь компоненты KtUI, или когда пользователь упоминает KtUI, ktui, компоненты Keenthemes или компоненты Tailwind UI от Keenthemes.

Symfony UX frontend stack — это дерево решений и инструмент для выбора между Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map. Используй, когда пользователь не уверен, какой инструмент подходит, хочет объединить несколько UX-пакетов или задает общий вопрос об архитектуре фронтенда в Symfony. Также запускай, когда пользователь спрашивает "какой UX-пакет мне использовать", "как сделать это интерактивным", "стоит ли использовать Stimulus или LiveComponent", "как структурировать мой Symfony frontend", "в чем разница между Turbo и LiveComponent", "стоит ли это делать Frame или LiveComponent", "как эти UX-пакеты работают вместе", "как правильно делать фронтенд в Symfony". Не запускай, если пользователь явно называет конкретный инструмент (Stimulus, Turbo, twig-component, live-component, ux-icons, ux-map) — перенаправляй к специализированному навыку.

Создавай конфигурации для локального магазина приложений 1Panel из Docker-деплоев. Используй, когда: - Пользователь предоставляет ссылку на GitHub-проект и хочет добавить его в магазин приложений 1Panel. - У пользователя есть `docker-compose.yml` или команда `docker run` и ему нужен формат приложения для 1Panel. - Пользователь хочет создать локальное приложение для панели 1Panel. Поддерживаются: GitHub-репозитории, образы Docker Hub, файлы `docker-compose`, команды `docker run`. Результат: Полная папка приложения с файлами `data.yml`, `docker-compose.yml`, `logo.png`, `README.md`. Всегда используй этот инструмент для упаковки приложений 1Panel — он знает точную структуру каталогов, соглашения об именовании переменных (PANEL_APP_PORT_HTTP, CONTAINER_NAME) и требования к 1panel-network, которые легко ошибиться без подсказок.

Создавайте, рефакторите и проверяйте приложения с использованием Jetpack Compose и Compose Multiplatform (KMP/CMP) по архитектуре MVI. Рассматриваются корутины, StateFlow, SharedFlow, Channel, ViewModel, моделирование состояния, перерисовка, навигация 3/2, DI с Koin/Hilt, сетевые запросы с Ktor, постраничная подгрузка данных с Paging 3, Room, DataStore, анимации, Coil, доступность, кроссплатформенные ресурсы, взаимодействие с iOS/Swift, конфигурация Gradle/AGP, CI/CD и деплоймент десктопных версий. Используйте, когда работаете с @Composable, ViewModel, StateFlow, Flow, KMP, Ktor, Koin, Hilt, DataStore, Room, PagingData, перерисовкой, взаимодействием с Xcode/iOS, конфигурацией Gradle, производительностью, тестированием, кроссплатформенностью или проводите code review.

Этот навык пригодится при написании или проверке кода на Swift для iOS или macOS проектов. Используйте современные подходы Swift 6+, паттерны конкурентности, принципы проектирования API и стратегии миграции. Охватывает async/await, акторы, MainActor, Sendable, типизированные ошибки и изменения, ломающие обратную совместимость в Swift 6.

Пиши, проверяй или улучшай код на SwiftUI, следуя лучшим практикам управления состоянием, компоновки представлений, оптимизации производительности, использования macOS-специфичных API и внедрения Liquid Glass в iOS 26+. Применяй это при создании новых фич на SwiftUI, рефакторинге существующих представлений, проверке качества кода или переходе на современные паттерны SwiftUI.

Разработка мобильного приложения на React Native с использованием Expo, платежной системы RevenueCat, рекламы AdMob, локализации i18n, процесса онбординга, paywall и навигации через NativeTabs.

Этот навык пригодится, когда пользователь работает со Swift или SwiftUI, просит "написать код на SwiftUI", "создать iOS-приложение", "исправить SwiftUI-вью", "помочь со Swift", обсуждает "архитектуру SwiftUI", занимается "iOS-разработкой" или нуждается в экспертной помощи по Swift/SwiftUI с использованием современных подходов и лучших практик.

При создании интерфейсов, вдохновлённых дизайном Airtable, придерживайтесь следующего: светлая тема, шрифт Inter и сетка 4px.

Руководство по разработке iOS-приложений на Swift 6, iOS 18+, SwiftUI, SwiftData и с использованием современных паттернов конкурентности. Используйте его при написании Swift/iOS-кода, проектировании архитектуры приложения или модернизации устаревших подходов. Помогает избежать устаревших решений, таких как Core Data, ObservableObject, DispatchQueue и NavigationView.

Рекомендации по разработке производительных мобильных приложений на React Native и Expo. Используйте...

Руководство по реализации компонента SfToastNotification от Syncfusion для отображения временных уведомлений. Используйте этот опыт при создании всплывающих уведомлений, оповещений, сообщений о статусе или ненавязчивой обратной связи в WPF-приложениях. Охватывает показ сообщений об успехе/ошибках/предупреждениях, систем уведомлений и временную обратную связь в пользовательском интерфейсе без блокировки основного окна.

Реализуйте и настройте компонент TrackBarEx от Syncfusion в приложениях Windows Forms. Это пригодится, когда нужно создавать интерактивные слайдеры значений, настраивать внешний вид кнопок и слайдера, управлять диапазонами значений, задавать ориентацию и обрабатывать события прокрутки в проектах WinForms.

Рекомендации по реализации функций доступности в iOS-приложениях, включая поддержку VoiceOver, Dynamic Type и соответствие Human Interface Guidelines.

Этот навык пригодится, когда нужно внедрять или работать с расширенным редактором текста TenTap для React Native. Он содержит подробную информацию об установке, базовой настройке, продвинутой кастомизации, справочнике по API и практических примерах для создания функциональных редакторов текста в мобильных приложениях.

Глубокие знания iOS разработки для фреймворка ProximityReader от Apple. Охватывает функциональность Tap to Pay на iPhone (считывание данных с платежных карт), интеграцию программ лояльности (VAS), режим Store and Forward, API Verifier (верификация мобильных документов/ID), и UI для поиска мерчантов. Используйте эти знания, когда пользователь упоминает ProximityReader, Tap to Pay на iPhone, бесконтактные платежи на iPhone, чтение NFC, чтение карт лояльности из Wallet, запросы VAS, верификацию мобильных водительских прав, верификацию ID на iPhone, MobileDocumentReader, PaymentCardReader, PaymentCardReaderSession или любые связанные темы. Также активируйте, когда пользователь хочет создать приложение для торгового терминала (POS), принимать бесконтактные платежи без дополнительного оборудования или считывать цифровые passes из Wallet на iPhone.

Глубокое знание API для создания экранов с использованием @byarcadia-app/aether — библиотеки React Native компонентов, разработанной на базе NativeWind/Tailwind, доступной только для iOS. Применяйте этот навык, когда пользователь хочет использовать компоненты aether, создавать экраны с aether, добавлять кнопки/карточки/списки/формы, разрабатывать UI для React Native с aether, использовать компоненты @byarcadia-app/aether, создавать формы/экраны/макеты с помощью aether или работать с библиотекой компонентов aether NativeWind. Обязательно используйте этот навык для любых задач, связанных с компонентами aether-ui, стилизацией, хуками или цветовыми токенами.

CloudBase – это комплексный инструментарий для фуллстэк-разработки и деплоя, позволяющий создавать и запускать веб-сайты, веб-приложения, WeChat Mini Programs и мобильные приложения. Он включает в себя бэкенд, базу данных, хостинг, облачные функции, хранилище, возможности ИИ и рекомендации по UI. Этот навык стоит применять, когда пользователи просят разработать, собрать, создать, сгенерировать каркас, деплоить, опубликовать, разместить, запустить, мигрировать или оптимизировать веб-сайты, веб-приложения, лендинги, дашборды, админки, e-commerce-площадки, WeChat Mini Programs, небольшие приложения, uni-app или нативные/мобильные приложения с использованием CloudBase (腾讯云开发, 云开发). Также, когда требуется сравнить CloudBase с Supabase или перенести проект из Supabase в CloudBase. Включает в себя аутентификацию, авторизацию, работу с базами данных (NoSQL, MySQL), облачные функции, CloudRun, хранилище, модели ИИ и рекомендации по UI.

Опубликуйте видеоконтент в Сяохуншу (Little Red Book) через HTTP API.

Предпочтительно использовать официальный навык для XcodeBuildMCP. Он нужен при работе с iOS, macOS, watchOS, tvOS, visionOS (сборка, тестирование, запуск, отладка, логирование, автоматизация UI).

Обнаружение и построение карты навигации UI-элементов iOS и Android с помощью CLI агента-устройства. Используй эту возможность, когда пользователь хочет: найти локаторы/идентификаторы элементов на мобильном экране, получить информацию об Accessibility для автоматизации XCUITest или Espresso, сделать снимок UI-элементов экрана, перейти на конкретный экран и захватить его элементы, составить карту потоков навигации между экранами, изучить структуру экранов приложения, проверить покрытие Accessibility Identifier, или любые задачи, связанные с вопросами "какие элементы находятся на этом экране" или "как мне попасть на этот экран". Активируется по запросам, содержащим: локаторы, идентификаторы, элементы, снимок, карта экрана, граф навигации, аудит Accessibility, изучение приложения, каталог UI, элементы XCUITest, дерево представлений, локаторы Appium, элементы автоматизации тестов, обнаружение экрана, каталог элементов, картограф, элементы Android, локаторы Espresso, имя пакета, снимок Android. Даже если пользователь не упоминает "Картограф" напрямую, применяй эту возможность для любых задач по обнаружению UI-элементов мобильных приложений.

Управляй Codea на подключенных устройствах iOS, iPadOS или macOS. Используй эту возможность при работе над проектами Codea: для получения кода, редактирования файлов, отправки изменений, запуска проектов, создания скриншотов и проверки состояния через Lua.

Из Xcode извлечены SwiftUI и рекомендации по платформе, созданные Apple. Это помогает AI-агентам писать идиоматичный, нативный для Apple SwiftUI с меньшим количеством галлюцинаций.

Рекомендации по React Native и Expo для создания быстрых мобильных приложений. Применяй, когда разрабатываешь компоненты React Native, оптимизируешь производительность списков, реализуешь анимации или работаешь с нативными модулями. Актуально для задач, связанных с React Native, Expo, мобильной производительностью или API нативных платформ.

Этот навык пригодится при работе над проектами с фреймворком Valdi. Valdi — это кроссплатформенный UI-фреймворк от Snapchat, который компилирует компоненты на TypeScript/TSX в нативные представления для iOS, Android и macOS. Он даёт специализированные знания по архитектуре компонентов, системе сборки Bazel, нативным биндингам, элементам TSX и кроссплатформенной разработке. Используйте этот навык при реализации Valdi-компонентов, отладке проблем со сборкой или создании новых проектов на Valdi.

Позволяет комплексно упаковывать uni-app в нативные приложения для работы в оффлайне. Используется для создания нативных Android/iOS приложений из uni-app, настройки параметров нативных приложений, обработки подписи и следования официальной документации по оффлайн-упаковке.

Разрабатывай нативные iOS-приложения, следуя рекомендациям Apple по дизайну Human Interface Guidelines. Пригодится при создании интерфейсов для iPhone/iPad, разработке компонентов на SwiftUI/UIKit, проверке соответствия iOS-дизайну и обеспечении доступности. Охватывает вопросы компоновки, типографики, навигации, компонентов, жестов, цветов и особенностей платформы.

Этот навык стоит применять, когда пользователь просит проанализировать Android-код, проверить Jetpack Compose, убедиться в соответствии Material Design, оценить дизайн Compose, проверить соблюдение рекомендаций M3, проанализировать экран Compose, оценить Material 3, проверить соответствие M3, валидировать Android UI, исправить антипаттерны Compose, улучшить производительность Compose, проверить экран Android, проанализировать Kotlin UI, проверить размеры касаний, убедиться в доступности Android или упоминает Material Design 3, M3, Jetpack Compose, Android UI, паттерны Compose, перекомпозицию, стабильность Compose, доступность Android, WCAG Android. Также стоит использовать этот навык, если пользователь жалуется на то, что список тормозит, прокрутка дергается, нужно сделать интерфейс похожим на нативный, вырез экрана перекрывает UI, требуется создать экран настроек, Compose работает медленно, возникают проблемы с перекомпозицией или экран ощущается медленным. Предоставляет подробные спецификации Material Design 3, базу данных антипаттернов Compose, типографскую шкалу, цветовую систему, размеры касаний и контрольные списки, основанные на уровне критичности.