| name | app-scaffolding |
| description | Use this skill when the user has decided to build a mobile app and needs a complete production blueprint — not brainstorming, not feature ideas, but an actual build brief. Covers both iOS and Android with exact tech stack, screen specs, monetization, and a 30-day sprint plan. Use when the user says things like "Scaffold this app" "Give me a build plan" "Write the PRD" "How do I build this?" "Create a technical spec" "Blueprint this idea" even if they don't mention "scaffolding" or the number of sections. |
| license | MIT |
Superhuman Mobile App Scaffolding
Take a validated mobile app candidate and produce a complete, production-ready build blueprint. A development agent or senior engineer should be able to build the complete iOS + Android app from this document alone — zero clarification questions needed.
Input Required
- APP_NAME, APP_CATEGORY, PRIMARY_KEYWORD
- Scout summary (what was discovered, traction data)
- GEO/ASO competitive matrix (competitors, gaps, keyword data)
- Scrutiny winner rationale (why this app won)
- Killer differentiator (one sentence)
- Revenue model (tiers, price points)
Output — 12 Sections
Section 0: App Identity & Positioning
- ASO-optimized name + subtitle (30 chars each) with ranking rationale
- One-liner value proposition (toilet test)
- Visual identity: hex colors with psychology, typography (SF/Compose), icon set (8-10 icons), app icon description
- Screenshot strategy: 5 screenshots per platform with overlay copy
Section 1: iOS Architecture (SwiftUI-First)
- Tech stack: Swift 6, SwiftData, CloudKit, RevenueCat, TelemetryDeck
- 6-screen spec with SwiftUI views, state management, animations, accessibility
- WidgetKit (3 sizes), App Intents/Siri, Live Activities, SharePlay, push notifications, privacy label
Section 2: Android Architecture (Jetpack Compose-First)
- Tech stack: Kotlin 2.0, Room, Firestore, Hilt, Material 3
- Play Billing setup with offer tags, grace period, account hold
- Material You theming, predictive back, App Shortcuts, notification channels, WorkManager
Section 3: SEO & GEO Optimization
- App Store keyword field (100 chars exact) with justification per keyword
- Title + subtitle keyword weighting strategy
- Play Store listing: title, short description, full description keyword density
- Landing page structure with Open Graph, schema.org markup
- GEO: FAQ section (8 Q&A blocks), query-style headings, answer-first phrasing, fact clusters
- Blog topic cluster (5 pillar posts with target keywords)
Section 4: Behavioral Architecture (Hooked Model)
- External triggers: 4 push notifications with exact copy, timing, deep links
- Internal triggers: 3 negative-emotion-to-app-open associations
- Fogg Behavior Model scoring (Motivation, Ability, Trigger) — must exceed 6/9/9
- Variable rewards: Tribe (social), Hunt (discovery), Self (mastery) — specific mechanics
- Investment: data, social, financial, skill, reputation moats
Section 5: Visual Design System
- 4 design principles
- 6 key animations with exact duration, spring damping, easing curves
- Haptic feedback map (light/medium/heavy/selection/notification)
- Accessibility as luxury: VoiceOver, Dynamic Type, Reduce Motion, color blindness
Section 6: Financial Architecture
- Pricing tiers table with per-tier rationale
- Unit economics: CAC, LTV, payback period, churn targets, referral value
- Monetization flow: 8-step user journey from download to annual renewal
- Cancellation intercept: 5-step flow (pause, discount, frequency change, data promise)
Section 7: Virality Engine
- 5 shareable moments with exact copy and visual card descriptions
- Invite mechanics: friction-free (native share sheet), sender/receiver incentive
- App Store rating protection: route sub-3-star to feedback form, 4-5 star to App Store
- Watermark strategy
Section 8: Technical Specification
- DB schema (SQL DDL) with CloudKit/Firestore sync annotations
- REST API endpoints
- Push notification schema (JSON)
- Third-party dependency list (NO Facebook SDK, NO AdMob at launch)
- Local AI architecture where applicable (llama.cpp, MediaPipe, MLX Swift)
Section 9: 30-Day MVP Sprint
- Week 1-4: day-by-day iOS + Android + shared tasks
- MVP feature cut list (DO NOT build in sprint 1)
Section 10: Launch Checklist
- T-14 pre-launch (17 items)
- T=0 launch day (8 items)
Section 11: Post-Launch Iteration
- Week 1: observe only
- Week 2-4: quick wins
- Month 2-3: feature expansion
Section 12: Anti-Patterns
- 10 things you MUST NOT do (notification timing, splash screens, default paywalls, account requirements, ads in first 90 days, etc.)
Quality Gate
Read the entire document. If YOU would have questions about implementation, add the missing detail. This is a production brief, not a brainstorming document.
Before generating any scaffold, read references/corrections.md — it documents real failures: scaffolding a non-mobile app (Forge), claiming unavailable tools (Runway/Luma), and missing local AI architecture (fixed after Joerg linked ai-agents-from-scratch).
