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

site-to-ios-app — скилл для Claude Code: аудит и установка

Скилл оценивает сайт или PWA перед выпуском версии для iOS и готовит план работ. Помогает выбрать между веб-оболочкой и нативной сборкой.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add JasonColapietro/suede-creator-skills --skill site-to-ios-app -a claude-code
Открыть на GitHub

Что делает site-to-ios-app

Скилл проверяет доступный сайт: маршруты и авторизацию, поведение на ширине iPhone, платежи, приватность, поддержку и признаки PWA. По результатам он формирует SITE_TO_IOS_AUDIT.md и SITE_TO_IOS_PLAN.md с выбранной стратегией, матрицей QA и условиями релиза.

В плане учитываются риск отклонения по App Store Guideline 4.2, нативные функции, манифест приватности, возрастной рейтинг и проверки входа и платежей. Скилл также описывает варианты на Capacitor и SwiftUI. Если приложение выглядит как закладка или копия сайта, проверка 4.2 требует остановиться и согласовать дальнейший путь; это влияет на план выпуска.

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

  • проверить сайт и его ключевые маршруты перед iOS-сборкой
  • выбрать между оболочкой Capacitor и нативным интерфейсом
  • зафиксировать риск отклонения по Guideline 4.2 и меры снижения
  • составить матрицу QA для входа, платежей и офлайн-режима

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

  • Проверь этот сайт перед выпуском приложения для iOS и подготовь аудит.
  • Выбери стратегию превращения нашей PWA в iOS-приложение и составь план релиза.
  • Проверь проект на риск Guideline 4.2 и перечисли нативные функции, которые стоит добавить.

Как установить site-to-ios-app

1Через Skills CLI (Vercel)

npx skills add JasonColapietro/suede-creator-skills --skill site-to-ios-app -a claude-code

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

~/.claude/skills/site-to-ios-app/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/site-to-ios-app/

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

Вопросы о site-to-ios-app

Как установить site-to-ios-app в Claude Code?

Выполните npx skills add JasonColapietro/suede-creator-skills --skill site-to-ios-app -a claude-code. Файл скилла находится по пути ~/.claude/skills/site-to-ios-app/SKILL.md.

Что делает site-to-ios-app?

Скилл анализирует сайт или PWA для выпуска на iOS и создаёт аудит с планом реализации. В них рассматриваются стратегия оболочки, нативные функции и требования App Store.

Как скилл оценивает риск Guideline 4.2?

Он сопоставляет аудит сайта с риском, что приложение сочтут закладкой или неизменённой веб-страницей. При таком результате предлагает варианты дальнейших действий и ждёт решения пользователя.

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

SKILL.md · MIT
---
name: site-to-ios-app
description: "Suede AI workflow for turning a live website, PWA, dashboard, or marketplace into an iOS app. Use when the user has a site or web app and asks to put it on the App Store, wrap it in an app, ship an iOS version, or convert a PWA to native. Produces SITE_TO_IOS_AUDIT.md and SITE_TO_IOS_PLAN.md: URL audit, shell-vs-native strategy, App Store Guideline 4.2 wrapper risk and the native value that mitigates it, current SDK, privacy manifest, age rating, login and payment checks, kids-app rules, QA matrix, and a release gate. NOT FOR: Android builds or conversions (use android-app-factory); Google Play uploads and rollouts (use suede-play-release); App Store listing, keyword, and screenshot strategy (use suede-aso)."
---

# Site to iOS App

## Gate policy

Every check and verdict here is advice to the user, not a control on the agent.
Run the checks, report results honestly, and complete what the user asked. A
failed gate changes the report, never the work. The one exception: a finding
that risks data loss, credential exposure, a legal or rights violation, a
payment mistake, or irreversible public damage. Pause, name the risk, give the
options, and let the user choose.

## Principle

A site becomes an iOS app when the app adds native value, behaves like iOS, and
the store listing describes what the build actually does. A web page in a frame
is a Guideline 4.2 rejection waiting to happen.

## Start here

1. Read `references/site-to-ios-runbook.md` before scaffolding or touching an
   existing wrapper.
2. Read `references/app-store-requirements.md` and re-check each dated item
   against Apple's live pages. Record what you checked and when in the plan.
3. If a URL is reachable, write `SITE_TO_IOS_AUDIT.md` from live evidence:
   URL checked and date, route map with auth needs, iPhone-width behavior, PWA
   signals, legal/support/account-deletion links, payment and sensitive flows,
   auth and session behavior, performance risks, native value opportunities,
   and the 4.2 verdict.
4. Write `SITE_TO_IOS_PLAN.md`: chosen strategy and why, native value to ship
   before release, build commands, bundle ID and signing notes, QA matrix,
   store asset and privacy work, blockers, and the release gate.

`references/worked-example.md` shows a full audit excerpt, plan excerpt, and
the verdict message. Read it when you need the expected depth.

## Strategy

Pick one route and write down why:

- **Capacitor remote shell**: the live site stays the product; web deploys
  change app behavior.
- **Capacitor bundled shell**: static or SPA assets ship in the binary; changes
  need a new App Store build unless backed by live APIs.
- **Native SwiftUI shell with WebView**: native navigation, settings, auth,
  push, share, error, and account screens around a site view.
- **Full native rebuild**: the site is mostly content, its mobile UX is weak,
  or wrapper risk is high.

## App Store 4.2 gate

Halt when the app would be a bookmark, content mirror, or unmodified website.
Name the exact 4.2 exposure from the audit, offer the options (add native value
from the list below, rebuild natively, ship as a web app, or submit with the
rejection risk on record), and wait for the user's pick. Native value that
counts:

- iOS-native onboarding, empty states, errors, offline, and retry.
- Native settings with support, privacy, terms, account deletion, restore, and
  notification controls where they apply.
- Universal links or deep links that work from a cold start.
- Share sheet, widgets, push, camera/media/file pickers, Wallet, StoreKit, or
  other native capabilities, only where they serve the product.
- Safe-area, keyboard, navigation, dark/light mode, and Dynamic Type handling.

Push, a native settings screen, and working universal links together are the
smallest bundle that reliably reads as an app rather than a bookmark.

## Kids and family apps

If the app is for children (a StoryBeam-style reading or story app, a beginner
lesson app) or lands in the Kids Category, the plan must hold to these before
anything else:

- Collect no personal data from children. No accounts for kids, no free-text
  fields that could capture names or locations, no photos, voice, or contact
  uploads, no precise location.
- No third-party analytics or advertising SDKs in a Kids Category app, and a
  parental gate in front of external links, purchases, and settings.
- Content stays age-appropriate for the declared age band, including
  AI-generated stories, images, and audio. Generated output needs a review or
  filtering step before a child sees it.
- Answer the age rating questionnaire for the real content and features.

Details and sources are in `references/app-store-requirements.md`. A rule
conflict here is an extreme-risk finding: pause and put it to the user.

## Conversion flow

1. Audit the URL: responsive behavior, PWA assets, auth, payments, privacy,
   support, route depth, mobile performance.
2. Pick the strategy and write `SITE_TO_IOS_PLAN.md`.
3. Scaffold or adapt the project with the repo's package manager and iOS
   conventions.
4. Configure bundle ID, display name, icon, launch screen, associated domains,
   Info.plist usage strings, privacy manifest, and entitlements.
5. Build native value and failure states before visual polish.
6. For Capacitor shells, run the web build, then `cap sync ios`.
7. Test on a named simulator or device: first launch, auth, deep links, tabs,
   keyboard, payments, offline, backgrounding, account flows.
8. Produce screenshots, metadata, privacy answers, age rating answers, and
   review notes. Hand listing copy, keywords, and screenshot sequencing to
   `suede-aso` so the listing is built for search, not just for review.
9. Run the release gate. Submit only when the user explicitly delegates public
   release and confirms the app, bundle ID, version, build, and account.

## Completion bar

Do not call the app release-ready until:

- the project builds with the current required Xcode and SDK on a named target
  (`xcodebuild -scheme <App> -destination 'generic/platform=iOS Simulator'
  build` exits 0, or a named device or CI run);
- every native plugin, permission string, and entitlement maps to real
  behavior;
- the privacy manifest covers the app and every bundled SDK that needs one;
- the web route or bundle strategy is written down;
- the 4.2 risk has a mitigation;
- screenshots and metadata match shipped features;
- privacy answers match the real SDKs, cookies, analytics, and account flows;
- no secrets, signing material, or private account identifiers are committed
  (`git status --short` clean; `git grep -nE 'PRIVATE KEY|AuthKey_'` empty).

## Routing

- Android version of the same product → `android-app-factory`, then
  `suede-play-release` for delivery.
- App Store listing, keywords, screenshots, and ratings strategy →
  `suede-aso`.
- Constants that must match across iOS, Android, and web →
  `suede-parity-contract`.
- A native iOS app with no website behind it, or repair of an existing
  Capacitor shell, is outside this pack (private Suede AI companions, not in
  this pack).

© JasonColapietro · MIT · JasonColapietro/suede-creator-skills

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

Все скиллы по теме «Мобильная разработка» →
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 900установок paywalls coreyhaines31 Скилл помогает проектировать и улучшать экран оплаты, апгрейд, upsell-модалку и ограничения функций. Нужен, когда бесплатного пользователя подводят к платному плану. CX Codex +1 71 000установок swiftui-pro Paul Hudson Проверяет SwiftUI-код на устаревшие API, ошибки в структуре и проблемы доступности. Пригодится для ревью и доработки проектов на SwiftUI. CX Codex +1 35 200установок

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

suede-attribution Скилл помогает сопоставлять атрибуцию из рекламных платформ, GA4 и CRM и выбирать способ оценки каналов. Пригодится, когда отчёты расходятся или нужно связать конверсию с её источником. CX Codex +1 ★ 126звёзд репо suede-aso Разбирает карточку приложения по шести критериям и выдаёт план правок. Пригодится, когда установки падают, а непонятно почему. CX Codex +1 ★ 126звёзд репо suede-ai-seo Скилл помогает проверить, как поисковые ИИ находят бренд, связывают его с сущностями и цитируют его страницы. Пригодится для работы над AI SEO и измерения видимости в ответах. CX Codex +1 ★ 126звёзд репо suede-ai-eval Скилл пишет план эвалов и аудит покрытия для LLM, RAG, агентов и классификаторов. Пригодится перед выкаткой ИИ-поведения, когда непонятно, что вообще тестировать. CX Codex +1 ★ 126звёзд репо suede-ads Скилл помогает выбрать рекламный канал, спланировать кампанию и оценить, стоит ли её остановить или масштабировать. Пригодится для аудита и настройки платного продвижения. CX Codex +1 ★ 126звёзд репо suede-ad-creative Скилл генерирует заголовки, описания и тексты объявлений для Google, Meta, LinkedIn, TikTok и X, а потом перерабатывает их по данным о результатах. CX Codex +1 ★ 126звёзд репо android-app-factory Скилл строит нативное Android-приложение от идеи продукта до подписанного bundle, готового к публикации в Play Console. CX Codex +1 ★ 126звёзд репо Suede Skills MCP Даёт агенту доступ для чтения к каталогу из 71 скилла Suede. Помогает искать скиллы, узнавать варианты установки и запускать заготовки SEO-аудита и оценки сайта. CX Codex +1 ★ 126звёзд репо

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

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