К основному содержанию
скилл CX Codex

mobile-offline-support · aj-geddes — скилл для Claude Code: обзор

Скилл помогает спроектировать офлайн-режим для мобильных приложений с локальным хранилищем и синхронизацией данных. Пригодится при потере связи и конфликтах правок.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add aj-geddes/useful-ai-prompts --skill mobile-offline-support -a claude-code
Открыть на GitHub

Что делает mobile-offline-support

Скилл даёт шаблоны и правила для автономной мобильной разработки. Внутри разобраны подходы для AsyncStorage и SQLite, а также архитектура отложенной фоновой синхронизации. Отдельные руководства в репозитории покрывают React Native, iOS Core Data и Android Room Database.

Архитектура опирается на очередь локальных действий и кеширование ответов с временными метками. Скилл запрещает копить бесконечные очереди запросов. Синхронизировать данные в плотных циклах нельзя. Если не шифровать локальную базу, чувствительные данные пользователя окажутся под угрозой при физическом доступе к устройству.

Какие задачи решает

  • организовать кеширование данных через AsyncStorage или SQLite
  • настроить очередь запросов для синхронизации после возврата сети
  • разрешить конфликты между локальными правками и версией на сервере
  • внедрить локальную базу данных в Android Room или iOS Core Data

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

  • Спроектируй класс StorageManager для сохранения данных в AsyncStorage с меткой времени.
  • Покажи схему разрешения конфликтов между локальной базой Realm и бэкендом.
  • Напиши очередь для фоновой синхронизации изменений при появлении сети.

Как установить mobile-offline-support

1Через Skills CLI (Vercel)

npx skills add aj-geddes/useful-ai-prompts --skill mobile-offline-support -a claude-code

2Вручную: положить файлы

~/.claude/skills/mobile-offline-support/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/mobile-offline-support/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о mobile-offline-support

Как установить mobile-offline-support в Claude Code?

Выполните команду npx skills add aj-geddes/useful-ai-prompts --skill mobile-offline-support -a claude-code. Файл инструкции сохранится по пути ~/.claude/skills/mobile-offline-support/SKILL.md.

Зачем нужен скилл mobile-offline-support?

Он помогает мобильному приложению работать без доступа к сети. Скилл подсказывает структуру локального кеша, логику фоновой отправки накопившихся изменений и защиту от потери данных.

Какие технологии баз данных рассматриваются в скилле?

В материалах описаны React Native с AsyncStorage, Realm и SQLite, а также нативные базы Android Room и iOS Core Data.

Исходный текст

SKILL.md · MIT
---
name: mobile-offline-support
description: >
  Implement offline-first mobile apps with local storage, sync strategies, and
  conflict resolution. Covers AsyncStorage, Realm, SQLite, and background sync
  patterns.
---

# Mobile Offline Support

## Table of Contents

- [Overview](#overview)
- [When to Use](#when-to-use)
- [Quick Start](#quick-start)
- [Reference Guides](#reference-guides)
- [Best Practices](#best-practices)

## Overview

Design offline-first mobile applications that provide seamless user experience regardless of connectivity.

## When to Use

- Building apps that work without internet connection
- Implementing seamless sync when connectivity returns
- Handling data conflicts between device and server
- Reducing server load with intelligent caching
- Improving app responsiveness with local storage

## Quick Start

Minimal working example:

```javascript
import AsyncStorage from '@react-native-async-storage/async-storage';
import NetInfo from '@react-native-community/netinfo';

class StorageManager {
  static async saveItems(items) {
    try {
      await AsyncStorage.setItem(
        'items_cache',
        JSON.stringify({ data: items, timestamp: Date.now() })
      );
    } catch (error) {
      console.error('Failed to save items:', error);
    }
  }

  static async getItems() {
    try {
      const data = await AsyncStorage.getItem('items_cache');
      return data ? JSON.parse(data) : null;
    } catch (error) {
      console.error('Failed to retrieve items:', error);
      return null;
    }
  }

// ... (see reference guides for full implementation)
```

## Reference Guides

Detailed implementations in the `references/` directory:

| Guide | Contents |
|---|---|
| [React Native Offline Storage](references/react-native-offline-storage.md) | React Native Offline Storage |
| [iOS Core Data Implementation](references/ios-core-data-implementation.md) | iOS Core Data Implementation |
| [Android Room Database](references/android-room-database.md) | Android Room Database |

## Best Practices

### ✅ DO

- Implement robust local storage
- Use automatic sync when online
- Provide visual feedback for offline status
- Queue actions for later sync
- Handle conflicts gracefully
- Cache frequently accessed data
- Implement proper error recovery
- Test offline scenarios thoroughly
- Use compression for large data
- Monitor storage usage

### ❌ DON'T

- Assume constant connectivity
- Sync large files frequently
- Ignore storage limitations
- Force unnecessary syncing
- Lose data on offline mode
- Store sensitive data unencrypted
- Accumulate infinite queue items
- Ignore sync failures silently
- Sync in tight loops
- Deploy without offline testing

© aj-geddes · MIT · aj-geddes/useful-ai-prompts

Похожие скиллы

Всё по теме «Мобильная разработка» →

Сначала — mobile-offline-support от других авторов.

mobile-offline-support secondsky Скилл для офлайн-первого подхода в мобильных приложениях: локальное хранилище, очередь синхронизации, разрешение конфликтов. CX Codex +1 398установок vercel-react-native-skills vercel Набор правил по React Native и Expo для ИИ-агента: списки, анимации, навигация. Пригодится, когда агент правит мобильный код и надо, чтобы он делал это одинаково. CX Codex +1 255 200установок animate-expo emilkowalski Создаёт мобильные анимации для React Native и Expo на базе Reanimated и Gesture Handler. Помогает избежать просадок кадров на реальных устройствах. CX Codex +1 137 900установок mobile-native emilkowalski Убирает мелочи, из-за которых веб-приложение на телефоне выдаёт себя: залипающий hover, вспышку при тапе, ошибку с 100vh. CX Codex +1 86 600установок aso coreyhaines31 Анализирует страницы приложений в App Store и Google Play по правилам поисковой оптимизации. Находит слабые места в метаданных, графике и конверсии. CX Codex +1 75 400установок swiftui-pro Paul Hudson Проверяет SwiftUI-код на устаревшие API, ошибки в структуре и проблемы доступности. Пригодится для ревью и доработки проектов на SwiftUI. CX Codex +1 35 200установок orca-emulator stablyai Управляет iOS Simulator внутри Orca с живым экраном устройства. Пригодится для тапов, жестов, поворота экрана и сбора доказательств работы iOS-приложения. CX Codex +1 5 800установок

Из того же набора143

real-time-features Скилл помогает внедрять веб-сокеты, Server-Sent Events и long polling в веб-приложения. Пригодится при сборке чатов, живых панелей мониторинга и совместного редактирования. CX Codex +1 543установок web-performance-audit Скилл разбирает скорость загрузки страниц, находит узкие места и подсказывает, что чинить. Пригодится после крупных правок или жалоб на медленную загрузку. CX Codex +1 543установок semantic-versioning Скилл для автоматического версионирования по SemVer: conventional commits, semantic-release и генерация changelog. CX Codex +1 542установок browser-debugging Скилл для разбора клиентских багов: ошибки JavaScript, проблемы вёрстки, просадки производительности. Пригодится, когда страница ведёт себя странно, а причина не видна. CX Codex +1 540установок design-system-creation Скилл помогает собрать дизайн-систему: компоненты, токены, правила и документацию. Пригодится, когда интерфейсов или команд стало больше одной. CX Codex +1 537установок gcp-cloud-run Настраивает запуск контейнеров в Google Cloud Run через gcloud и Terraform. Пригодится при развёртывании микросервисов без возни с серверами. CX Codex +1 535установок Causal Inference Скилл учит агента оценивать причинные эффекты: propensity score, инструментальные переменные, причинные графы. Пригодится, когда эксперимент провести нельзя. CX Codex +1 534установок code-generation-template Скилл для генерации кода из шаблонов: скаффолдинг проектов, boilerplate, работа с AST и движками шаблонов. Пригодится, когда нужно быстро создать повторяющийся код. CX Codex +1 532установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой