AIKraft/AI/Войти
AIKraft/Skills/design-mobile-apps

design-mobile-apps

Помогает проектировать мобильные приложения и UI-экраны, а также реализовывать дизайн Sleek (sleek.design) в коде (HTML, React Native, SwiftUI).

designed-by-ai official Разработка ★ 10

Что делает навык

Помогает проектировать мобильные приложения и UI-экраны, а также реализовывать дизайн Sleek (sleek.design) в коде (HTML, React Native, SwiftUI). Взаимодействует с AI-инструментом через REST API для создания проектов и получения рендеринга экранов по текстовому описанию.

Когда применять

  • Генерация визуальных макетов мобильных экранов на основе текстового описания функционала.
  • Создание проектов в Sleek для последующей реализации дизайна в коде.
  • Получение готовых рендерингов экранов через API для интеграции в процесс разработки.
  • Тестирование UI-решений с помощью AI-инструмента перед написанием кода.

Как работает

  1. Подготовить запрос к API sleek.design, указав Base URL https://sleek.design и заголовок авторизации Authorization: Bearer $SLEEK_API_KEY.
  2. Отправить HTTP-запрос с Content-Type: application/json на эндпоинт /api/v1/* для создания проекта или описания желаемого экрана.
  3. Обработать ответ API, сохранив тело ответа в файл (например, через curl -o run.json) для корректного парсинга JSON без искажений экранированных символов.
  4. Использовать полученные данные или рендеринги для реализации дизайна в коде (HTML, React Native, SwiftUI) или дальнейшей работы в проекте.

Примеры запросов агенту

Создай проект в Sleek для мобильного приложения с экраном входа и регистрацией.
Сгенерируй макет главного экрана приложения для доставки еды с помощью API sleek.design.
Получи рендеринг UI-компонента карточки товара через REST API и подготовь его к реализации в React Native.

Что понадобится

  • API-ключ (SLEEK_API_KEY) для аутентификации.
  • Доступ к интернету для взаимодействия с API sleek.design.
  • Инструменты для выполнения HTTP-запросов (например, curl) и парсинга JSON.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «design-mobile-apps» из репозитория: # https://github.com/designed-by-ai/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r design-mobile-apps/ ~/.claude/skills/design-mobile-apps/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.