@nguyenphp/antigravity-marketing 1.0.16 → 1.0.19

package/templates/.agent/skills/minimax-xlsx/templates/minimal_xlsx/xl/styles.xml

@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!--
+  styles.xml — The complete style system for this workbook.
+
+  Style index (cellXfs) lookup table:
+  ┌───────┬─────────────────────────────────┬────────────────┬───────────────────┐
+  │ Index │ Semantic Role                   │ Font Color     │ Number Format     │
+  ├───────┼─────────────────────────────────┼────────────────┼───────────────────┤
+  │   0   │ Default                         │ Theme (black)  │ General           │
+  │   1   │ Input / Assumption              │ Blue 000000FF  │ General           │
+  │   2   │ Formula / Computed result       │ Black 00000000 │ General           │
+  │   3   │ Cross-sheet reference           │ Green 00008000 │ General           │
+  │   4   │ Header (bold)                   │ Black bold     │ General           │
+  │   5   │ Currency input                  │ Blue 000000FF  │ $#,##0 (id=164)   │
+  │   6   │ Currency formula                │ Black          │ $#,##0 (id=164)   │
+  │   7   │ Percentage input                │ Blue 000000FF  │ 0.0% (id=165)     │
+  │   8   │ Percentage formula              │ Black          │ 0.0% (id=165)     │
+  │   9   │ Integer with commas input       │ Blue 000000FF  │ #,##0 (id=167)    │
+  │  10   │ Integer with commas formula     │ Black          │ #,##0 (id=167)    │
+  │  11   │ Year (no comma) — input         │ Blue 000000FF  │ 0 (id=1)          │
+  │  12   │ Key assumption (yellow bg)      │ Blue 000000FF  │ General + yellow  │
+  └───────┴─────────────────────────────────┴────────────────┴───────────────────┘
+
+  To add a new style:
+  1. If needed, add a <numFmt> to <numFmts> with a new numFmtId >= 164 (increment max)
+  2. If needed, add a <font> to <fonts>
+  3. If needed, add a <fill> to <fills>
+  4. Append a new <xf> to <cellXfs>, combining fontId + fillId + numFmtId
+  5. Update the count attributes on <numFmts>, <fonts>, <fills>, <cellXfs>
+  6. The new xf's index = (old cellXfs count) — use this as the s attribute on cells
+
+  CRITICAL RULES:
+  - fills[0] and fills[1] are REQUIRED BY SPEC — never remove them
+  - Do NOT modify existing <xf> entries — only append new ones
+  - AARRGGBB color format: first 2 hex digits = Alpha (00 = opaque)
+-->
+<styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">
+
+  <!-- ── Number Formats ─────────────────────────────────────────────────── -->
+  <!-- Built-in IDs 0-163 need NOT be declared here. Custom formats: 164+  -->
+  <numFmts count="4">
+    <!-- 164: Standard currency — positive $1,234 / negative ($1,234) / zero - -->
+    <numFmt numFmtId="164" formatCode="$#,##0;($#,##0);&quot;-&quot;"/>
+    <!-- 165: Percentage with 1 decimal place -->
+    <numFmt numFmtId="165" formatCode="0.0%"/>
+    <!-- 166: Multiplier / ratio (e.g. 8.5x for EV/EBITDA) -->
+    <numFmt numFmtId="166" formatCode="0.0x"/>
+    <!-- 167: Integer with thousands separator, no decimals -->
+    <numFmt numFmtId="167" formatCode="#,##0"/>
+  </numFmts>
+
+  <!-- ── Fonts ──────────────────────────────────────────────────────────── -->
+  <fonts count="5">
+    <!-- 0: Default (theme color, no explicit color) -->
+    <font>
+      <sz val="11"/>
+      <name val="Calibri"/>
+    </font>
+    <!-- 1: Input / Assumption — Blue -->
+    <font>
+      <sz val="11"/>
+      <name val="Calibri"/>
+      <color rgb="000000FF"/>
+    </font>
+    <!-- 2: Formula / Computed result — Black (explicit) -->
+    <font>
+      <sz val="11"/>
+      <name val="Calibri"/>
+      <color rgb="00000000"/>
+    </font>
+    <!-- 3: Cross-sheet reference — Green -->
+    <font>
+      <sz val="11"/>
+      <name val="Calibri"/>
+      <color rgb="00008000"/>
+    </font>
+    <!-- 4: Header — Bold Black -->
+    <font>
+      <b/>
+      <sz val="11"/>
+      <name val="Calibri"/>
+      <color rgb="00000000"/>
+    </font>
+  </fonts>
+
+  <!-- ── Fills ──────────────────────────────────────────────────────────── -->
+  <!-- fills[0] and fills[1] are REQUIRED by OOXML spec — DO NOT REMOVE -->
+  <fills count="3">
+    <fill><patternFill patternType="none"/></fill>
+    <fill><patternFill patternType="gray125"/></fill>
+    <!-- 2: Yellow highlight for key assumptions requiring review -->
+    <fill>
+      <patternFill patternType="solid">
+        <fgColor rgb="00FFFF00"/>
+        <bgColor indexed="64"/>
+      </patternFill>
+    </fill>
+  </fills>
+
+  <!-- ── Borders ────────────────────────────────────────────────────────── -->
+  <borders count="1">
+    <!-- 0: No borders (default) -->
+    <border>
+      <left/>
+      <right/>
+      <top/>
+      <bottom/>
+      <diagonal/>
+    </border>
+  </borders>
+
+  <!-- ── Cell Style Xfs (base styles) ──────────────────────────────────── -->
+  <cellStyleXfs count="1">
+    <xf numFmtId="0" fontId="0" fillId="0" borderId="0"/>
+  </cellStyleXfs>
+
+  <!-- ── Cell Xfs (the actual style slots referenced by <c s="N">) ──────── -->
+  <cellXfs count="13">
+    <!--  0: Default -->
+    <xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/>
+    <!--  1: Input / Assumption (blue, general format) -->
+    <xf numFmtId="0" fontId="1" fillId="0" borderId="0" xfId="0" applyFont="1"/>
+    <!--  2: Formula / Computed (black, general format) -->
+    <xf numFmtId="0" fontId="2" fillId="0" borderId="0" xfId="0" applyFont="1"/>
+    <!--  3: Cross-sheet reference (green, general format) -->
+    <xf numFmtId="0" fontId="3" fillId="0" borderId="0" xfId="0" applyFont="1"/>
+    <!--  4: Header (bold black) -->
+    <xf numFmtId="0" fontId="4" fillId="0" borderId="0" xfId="0" applyFont="1"/>
+    <!--  5: Currency input (blue + $#,##0) -->
+    <xf numFmtId="164" fontId="1" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!--  6: Currency formula (black + $#,##0) -->
+    <xf numFmtId="164" fontId="2" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!--  7: Percentage input (blue + 0.0%) -->
+    <xf numFmtId="165" fontId="1" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!--  8: Percentage formula (black + 0.0%) -->
+    <xf numFmtId="165" fontId="2" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!--  9: Integer-with-commas input (blue + #,##0) -->
+    <xf numFmtId="167" fontId="1" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!-- 10: Integer-with-commas formula (black + #,##0) -->
+    <xf numFmtId="167" fontId="2" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!-- 11: Year column input (blue + plain integer "0", no comma) -->
+    <xf numFmtId="1" fontId="1" fillId="0" borderId="0" xfId="0"
+        applyFont="1" applyNumberFormat="1"/>
+    <!-- 12: Key assumption highlight (blue on yellow — needs human review) -->
+    <xf numFmtId="0" fontId="1" fillId="2" borderId="0" xfId="0"
+        applyFont="1" applyFill="1"/>
+  </cellXfs>
+
+  <!-- ── Named Cell Styles ─────────────────────────────────────────────── -->
+  <cellStyles count="1">
+    <cellStyle name="Normal" xfId="0" builtinId="0"/>
+  </cellStyles>
+
+</styleSheet>

package/templates/.agent/skills/minimax-xlsx/templates/minimal_xlsx/xl/workbook.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!--
+  workbook.xml — Defines the list of sheets.
+
+  To add a new sheet:
+    1. Add a <sheet> element below with a unique sheetId and r:id
+    2. Add a matching <Relationship> in xl/_rels/workbook.xml.rels
+    3. Add an <Override> in [Content_Types].xml
+    4. Create the xl/worksheets/sheetN.xml file
+
+  Sheet name rules:
+    - Max 31 characters
+    - Cannot contain: / \ ? * [ ] :
+    - Ampersand must be escaped as &amp; in XML
+-->
+<workbook
+  xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"
+  xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships">
+  <fileVersion appName="xl" lastEdited="7" lowestEdited="7"/>
+  <workbookPr defaultThemeVersion="166925"/>
+  <bookViews>
+    <workbookView xWindow="0" yWindow="0" windowWidth="20140" windowHeight="10960"/>
+  </bookViews>
+  <sheets>
+    <!-- Add more <sheet> elements here for multi-sheet workbooks -->
+    <sheet name="Sheet1" sheetId="1" r:id="rId1"/>
+  </sheets>
+  <!-- calcId ensures Excel recalculates formulas on open -->
+  <calcPr calcId="191029"/>
+</workbook>

package/templates/.agent/skills/minimax-xlsx/templates/minimal_xlsx/xl/worksheets/sheet1.xml

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<!--
+  sheet1.xml — Worksheet data.
+
+  Cell anatomy:
+    <c r="A1" t="s" s="4"><v>0</v></c>
+          ↑      ↑   ↑    ↑
+      address  type  style  value (sharedStrings index for t="s")
+
+  Type values (t attribute):
+    s          = shared string (text) — <v> contains index into sharedStrings.xml
+    inlineStr  = inline string — use <is><t>text</t></is> instead of <v>
+    n (or omit)= number — <v> contains the raw number
+    b          = boolean — <v> is 1 (TRUE) or 0 (FALSE)
+    e          = error — <v> contains error string like #REF!
+    (no t)     = formula cell — <f> contains formula (NO leading =), <v> is cache
+
+  Formula cells:
+    <c r="B5" s="2"><f>SUM(B2:B4)</f><v></v></c>
+    Cross-sheet: <c r="C1" s="3"><f>Assumptions!B2</f><v></v></c>
+    With spaces:  <c r="C1" s="3"><f>'Q1 Data'!B2</f><v></v></c>
+
+  Style index (s attribute) — pre-built in styles.xml:
+    0 = default
+    1 = input/assumption (blue font)
+    2 = formula/computed (black font)
+    3 = cross-sheet reference (green font)
+    4 = header bold
+    5 = currency input (blue + $#,##0 format)
+    See styles.xml for the full list and how to add more.
+
+  Row r attribute must be 1-based integer.
+  Column letters: A=1, Z=26, AA=27, AZ=52, BA=53, BZ=78, etc.
+-->
+<worksheet
+  xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"
+  xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships">
+  <sheetViews>
+    <sheetView tabSelected="1" workbookViewId="0">
+      <!-- Freeze top row as header: -->
+      <!-- <pane ySplit="1" topLeftCell="A2" activePane="bottomLeft" state="frozen"/> -->
+    </sheetView>
+  </sheetViews>
+  <sheetFormatPr defaultRowHeight="15" x14ac:dyDescent="0.25"
+    xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac"/>
+  <!-- Column widths — uncomment and adjust as needed:
+  <cols>
+    <col min="1" max="1" width="24" customWidth="1"/>
+    <col min="2" max="10" width="14" customWidth="1"/>
+  </cols>
+  -->
+  <sheetData>
+    <!-- Replace this placeholder with actual data rows.
+         Example:
+    <row r="1">
+      <c r="A1" t="s" s="4"><v>0</v></c>
+      <c r="B1" t="s" s="4"><v>1</v></c>
+    </row>
+    <row r="2">
+      <c r="A2" t="s" s="1"><v>2</v></c>
+      <c r="B2" s="1"><v>1000</v></c>
+    </row>
+    <row r="3">
+      <c r="A3" t="s" s="2"><v>3</v></c>
+      <c r="B3" s="2"><f>B2*1.1</f><v></v></c>
+    </row>
+    -->
+  </sheetData>
+  <pageMargins left="0.7" right="0.7" top="0.75" bottom="0.75" header="0.3" footer="0.3"/>
+</worksheet>

package/templates/.agent/skills/mobile-design/SKILL.md

@@ -0,0 +1,394 @@
+---
+name: mobile-design
+description: Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
+allowed-tools: Read, Glob, Grep, Bash
+---
+
+# Mobile Design System
+
+> **Philosophy:** Touch-first. Battery-conscious. Platform-respectful. Offline-capable.
+> **Core Principle:** Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice.
+
+---
+
+## 🔧 Runtime Scripts
+
+**Execute these for validation (don't read, just run):**
+
+| Script | Purpose | Usage |
+|--------|---------|-------|
+| `scripts/mobile_audit.py` | Mobile UX & Touch Audit | `python scripts/mobile_audit.py <project_path>` |
+
+---
+
+## 🔴 MANDATORY: Read Reference Files Before Working!
+
+**⛔ DO NOT start development until you read the relevant files:**
+
+### Universal (Always Read)
+
+| File | Content | Status |
+|------|---------|--------|
+| **[mobile-design-thinking.md](mobile-design-thinking.md)** | **⚠️ ANTI-MEMORIZATION: Forces thinking, prevents AI defaults** | **⬜ CRITICAL FIRST** |
+| **[touch-psychology.md](touch-psychology.md)** | **Fitts' Law, gestures, haptics, thumb zone** | **⬜ CRITICAL** |
+| **[mobile-performance.md](mobile-performance.md)** | **RN/Flutter performance, 60fps, memory** | **⬜ CRITICAL** |
+| **[mobile-backend.md](mobile-backend.md)** | **Push notifications, offline sync, mobile API** | **⬜ CRITICAL** |
+| **[mobile-testing.md](mobile-testing.md)** | **Testing pyramid, E2E, platform-specific** | **⬜ CRITICAL** |
+| **[mobile-debugging.md](mobile-debugging.md)** | **Native vs JS debugging, Flipper, Logcat** | **⬜ CRITICAL** |
+| [mobile-navigation.md](mobile-navigation.md) | Tab/Stack/Drawer, deep linking | ⬜ Read |
+| [mobile-typography.md](mobile-typography.md) | System fonts, Dynamic Type, a11y | ⬜ Read |
+| [mobile-color-system.md](mobile-color-system.md) | OLED, dark mode, battery-aware | ⬜ Read |
+| [decision-trees.md](decision-trees.md) | Framework/state/storage selection | ⬜ Read |
+
+> 🧠 **mobile-design-thinking.md is PRIORITY!** This file ensures AI thinks instead of using memorized patterns.
+
+### Platform-Specific (Read Based on Target)
+
+| Platform | File | Content | When to Read |
+|----------|------|---------|--------------|
+| **iOS** | [platform-ios.md](platform-ios.md) | Human Interface Guidelines, SF Pro, SwiftUI patterns | Building for iPhone/iPad |
+| **Android** | [platform-android.md](platform-android.md) | Material Design 3, Roboto, Compose patterns | Building for Android |
+| **Cross-Platform** | Both above | Platform divergence points | React Native / Flutter |
+
+> 🔴 **If building for iOS → Read platform-ios.md FIRST!**
+> 🔴 **If building for Android → Read platform-android.md FIRST!**
+> 🔴 **If cross-platform → Read BOTH and apply conditional platform logic!**
+
+---
+
+## ⚠️ CRITICAL: ASK BEFORE ASSUMING (MANDATORY)
+
+> **STOP! If the user's request is open-ended, DO NOT default to your favorites.**
+
+### You MUST Ask If Not Specified:
+
+| Aspect | Ask | Why |
+|--------|-----|-----|
+| **Platform** | "iOS, Android, or both?" | Affects EVERY design decision |
+| **Framework** | "React Native, Flutter, or native?" | Determines patterns and tools |
+| **Navigation** | "Tab bar, drawer, or stack-based?" | Core UX decision |
+| **State** | "What state management? (Zustand/Redux/Riverpod/BLoC?)" | Architecture foundation |
+| **Offline** | "Does this need to work offline?" | Affects data strategy |
+| **Target devices** | "Phone only, or tablet support?" | Layout complexity |
+
+### ⛔ AI MOBILE ANTI-PATTERNS (YASAK LİSTESİ)
+
+> 🚫 **These are AI default tendencies that MUST be avoided!**
+
+#### Performance Sins
+
+| ❌ NEVER DO | Why It's Wrong | ✅ ALWAYS DO |
+|-------------|----------------|--------------|
+| **ScrollView for long lists** | Renders ALL items, memory explodes | Use `FlatList` / `FlashList` / `ListView.builder` |
+| **Inline renderItem function** | New function every render, all items re-render | `useCallback` + `React.memo` |
+| **Missing keyExtractor** | Index-based keys cause bugs on reorder | Unique, stable ID from data |
+| **Skip getItemLayout** | Async layout = janky scroll | Provide when items have fixed height |
+| **setState() everywhere** | Unnecessary widget rebuilds | Targeted state, `const` constructors |
+| **Native driver: false** | Animations blocked by JS thread | `useNativeDriver: true` always |
+| **console.log in production** | Blocks JS thread severely | Remove before release build |
+| **Skip React.memo/const** | Every item re-renders on any change | Memoize list items ALWAYS |
+
+#### Touch/UX Sins
+
+| ❌ NEVER DO | Why It's Wrong | ✅ ALWAYS DO |
+|-------------|----------------|--------------|
+| **Touch target < 44px** | Impossible to tap accurately, frustrating | Minimum 44pt (iOS) / 48dp (Android) |
+| **Spacing < 8px between targets** | Accidental taps on neighbors | Minimum 8-12px gap |
+| **Gesture-only interactions** | Motor impaired users excluded | Always provide button alternative |
+| **No loading state** | User thinks app crashed | ALWAYS show loading feedback |
+| **No error state** | User stuck, no recovery path | Show error with retry option |
+| **No offline handling** | Crash/block when network lost | Graceful degradation, cached data |
+| **Ignore platform conventions** | Users confused, muscle memory broken | iOS feels iOS, Android feels Android |
+
+#### Security Sins
+
+| ❌ NEVER DO | Why It's Wrong | ✅ ALWAYS DO |
+|-------------|----------------|--------------|
+| **Token in AsyncStorage** | Easily accessible, stolen on rooted device | `SecureStore` / `Keychain` / `EncryptedSharedPreferences` |
+| **Hardcode API keys** | Reverse engineered from APK/IPA | Environment variables, secure storage |
+| **Skip SSL pinning** | MITM attacks possible | Pin certificates in production |
+| **Log sensitive data** | Logs can be extracted | Never log tokens, passwords, PII |
+
+#### Architecture Sins
+
+| ❌ NEVER DO | Why It's Wrong | ✅ ALWAYS DO |
+|-------------|----------------|--------------|
+| **Business logic in UI** | Untestable, unmaintainable | Service layer separation |
+| **Global state for everything** | Unnecessary re-renders, complexity | Local state default, lift when needed |
+| **Deep linking as afterthought** | Notifications, shares broken | Plan deep links from day one |
+| **Skip dispose/cleanup** | Memory leaks, zombie listeners | Clean up subscriptions, timers |
+
+---
+
+## 📱 Platform Decision Matrix
+
+### When to Unify vs Diverge
+
+```
+                    UNIFY (same on both)          DIVERGE (platform-specific)
+                    ───────────────────           ──────────────────────────
+Business Logic      ✅ Always                     -
+Data Layer          ✅ Always                     -
+Core Features       ✅ Always                     -
+                    
+Navigation          -                             ✅ iOS: edge swipe, Android: back button
+Gestures            -                             ✅ Platform-native feel
+Icons               -                             ✅ SF Symbols vs Material Icons
+Date Pickers        -                             ✅ Native pickers feel right
+Modals/Sheets       -                             ✅ iOS: bottom sheet vs Android: dialog
+Typography          -                             ✅ SF Pro vs Roboto (or custom)
+Error Dialogs       -                             ✅ Platform conventions for alerts
+```
+
+### Quick Reference: Platform Defaults
+
+| Element | iOS | Android |
+|---------|-----|---------|
+| **Primary Font** | SF Pro / SF Compact | Roboto |
+| **Min Touch Target** | 44pt × 44pt | 48dp × 48dp |
+| **Back Navigation** | Edge swipe left | System back button/gesture |
+| **Bottom Tab Icons** | SF Symbols | Material Symbols |
+| **Action Sheet** | UIActionSheet from bottom | Bottom Sheet / Dialog |
+| **Progress** | Spinner | Linear progress (Material) |
+| **Pull to Refresh** | Native UIRefreshControl | SwipeRefreshLayout |
+
+---
+
+## 🧠 Mobile UX Psychology (Quick Reference)
+
+### Fitts' Law for Touch
+
+```
+Desktop: Cursor is precise (1px)
+Mobile:  Finger is imprecise (~7mm contact area)
+
+→ Touch targets MUST be 44-48px minimum
+→ Important actions in THUMB ZONE (bottom of screen)
+→ Destructive actions AWAY from easy reach
+```
+
+### Thumb Zone (One-Handed Usage)
+
+```
+┌─────────────────────────────┐
+│      HARD TO REACH          │ ← Navigation, menu, back
+│        (stretch)            │
+├─────────────────────────────┤
+│      OK TO REACH            │ ← Secondary actions
+│       (natural)             │
+├─────────────────────────────┤
+│      EASY TO REACH          │ ← PRIMARY CTAs, tab bar
+│    (thumb's natural arc)    │ ← Main content interaction
+└─────────────────────────────┘
+        [  HOME  ]
+```
+
+### Mobile-Specific Cognitive Load
+
+| Desktop | Mobile Difference |
+|---------|-------------------|
+| Multiple windows | ONE task at a time |
+| Keyboard shortcuts | Touch gestures |
+| Hover states | NO hover (tap or nothing) |
+| Large viewport | Limited space, scroll vertical |
+| Stable attention | Interrupted constantly |
+
+For deep dive: [touch-psychology.md](touch-psychology.md)
+
+---
+
+## ⚡ Performance Principles (Quick Reference)
+
+### React Native Critical Rules
+
+```typescript
+// ✅ CORRECT: Memoized renderItem + React.memo wrapper
+const ListItem = React.memo(({ item }: { item: Item }) => (
+  <View style={styles.item}>
+    <Text>{item.title}</Text>
+  </View>
+));
+
+const renderItem = useCallback(
+  ({ item }: { item: Item }) => <ListItem item={item} />,
+  []
+);
+
+// ✅ CORRECT: FlatList with all optimizations
+<FlatList
+  data={items}
+  renderItem={renderItem}
+  keyExtractor={(item) => item.id}  // Stable ID, NOT index
+  getItemLayout={(data, index) => ({
+    length: ITEM_HEIGHT,
+    offset: ITEM_HEIGHT * index,
+    index,
+  })}
+  removeClippedSubviews={true}
+  maxToRenderPerBatch={10}
+  windowSize={5}
+/>
+```
+
+### Flutter Critical Rules
+
+```dart
+// ✅ CORRECT: const constructors prevent rebuilds
+class MyWidget extends StatelessWidget {
+  const MyWidget({super.key}); // CONST!
+
+  @override
+  Widget build(BuildContext context) {
+    return const Column( // CONST!
+      children: [
+        Text('Static content'),
+        MyConstantWidget(),
+      ],
+    );
+  }
+}
+
+// ✅ CORRECT: Targeted state with ValueListenableBuilder
+ValueListenableBuilder<int>(
+  valueListenable: counter,
+  builder: (context, value, child) => Text('$value'),
+  child: const ExpensiveWidget(), // Won't rebuild!
+)
+```
+
+### Animation Performance
+
+```
+GPU-accelerated (FAST):     CPU-bound (SLOW):
+├── transform               ├── width, height
+├── opacity                 ├── top, left, right, bottom
+└── (use these ONLY)        ├── margin, padding
+                            └── (AVOID animating these)
+```
+
+For complete guide: [mobile-performance.md](mobile-performance.md)
+
+---
+
+## 📝 CHECKPOINT (MANDATORY Before Any Mobile Work)
+
+> **Before writing ANY mobile code, you MUST complete this checkpoint:**
+
+```
+🧠 CHECKPOINT:
+
+Platform:   [ iOS / Android / Both ]
+Framework:  [ React Native / Flutter / SwiftUI / Kotlin ]
+Files Read: [ List the skill files you've read ]
+
+3 Principles I Will Apply:
+1. _______________
+2. _______________
+3. _______________
+
+Anti-Patterns I Will Avoid:
+1. _______________
+2. _______________
+```
+
+**Example:**
+```
+🧠 CHECKPOINT:
+
+Platform:   iOS + Android (Cross-platform)
+Framework:  React Native + Expo
+Files Read: touch-psychology.md, mobile-performance.md, platform-ios.md, platform-android.md
+
+3 Principles I Will Apply:
+1. FlatList with React.memo + useCallback for all lists
+2. 48px touch targets, thumb zone for primary CTAs
+3. Platform-specific navigation (edge swipe iOS, back button Android)
+
+Anti-Patterns I Will Avoid:
+1. ScrollView for lists → FlatList
+2. Inline renderItem → Memoized
+3. AsyncStorage for tokens → SecureStore
+```
+
+> 🔴 **Can't fill the checkpoint? → GO BACK AND READ THE SKILL FILES.**
+
+---
+
+## 🔧 Framework Decision Tree
+
+```
+WHAT ARE YOU BUILDING?
+        │
+        ├── Need OTA updates + rapid iteration + web team
+        │   └── ✅ React Native + Expo
+        │
+        ├── Need pixel-perfect custom UI + performance critical
+        │   └── ✅ Flutter
+        │
+        ├── Deep native features + single platform focus
+        │   ├── iOS only → SwiftUI
+        │   └── Android only → Kotlin + Jetpack Compose
+        │
+        ├── Existing RN codebase + new features
+        │   └── ✅ React Native (bare workflow)
+        │
+        └── Enterprise + existing Flutter codebase
+            └── ✅ Flutter
+```
+
+For complete decision trees: [decision-trees.md](decision-trees.md)
+
+---
+
+## 📋 Pre-Development Checklist
+
+### Before Starting ANY Mobile Project
+
+- [ ] **Platform confirmed?** (iOS / Android / Both)
+- [ ] **Framework chosen?** (RN / Flutter / Native)
+- [ ] **Navigation pattern decided?** (Tabs / Stack / Drawer)
+- [ ] **State management selected?** (Zustand / Redux / Riverpod / BLoC)
+- [ ] **Offline requirements known?**
+- [ ] **Deep linking planned from day one?**
+- [ ] **Target devices defined?** (Phone / Tablet / Both)
+
+### Before Every Screen
+
+- [ ] **Touch targets ≥ 44-48px?**
+- [ ] **Primary CTA in thumb zone?**
+- [ ] **Loading state exists?**
+- [ ] **Error state with retry exists?**
+- [ ] **Offline handling considered?**
+- [ ] **Platform conventions followed?**
+
+### Before Release
+
+- [ ] **console.log removed?**
+- [ ] **SecureStore for sensitive data?**
+- [ ] **SSL pinning enabled?**
+- [ ] **Lists optimized (memo, keyExtractor)?**
+- [ ] **Memory cleanup on unmount?**
+- [ ] **Tested on low-end devices?**
+- [ ] **Accessibility labels on all interactive elements?**
+
+---
+
+## 📚 Reference Files
+
+For deeper guidance on specific areas:
+
+| File | When to Use |
+|------|-------------|
+| [mobile-design-thinking.md](mobile-design-thinking.md) | **FIRST! Anti-memorization, forces context-based thinking** |
+| [touch-psychology.md](touch-psychology.md) | Understanding touch interaction, Fitts' Law, gesture design |
+| [mobile-performance.md](mobile-performance.md) | Optimizing RN/Flutter, 60fps, memory/battery |
+| [platform-ios.md](platform-ios.md) | iOS-specific design, HIG compliance |
+| [platform-android.md](platform-android.md) | Android-specific design, Material Design 3 |
+| [mobile-navigation.md](mobile-navigation.md) | Navigation patterns, deep linking |
+| [mobile-typography.md](mobile-typography.md) | Type scale, system fonts, accessibility |
+| [mobile-color-system.md](mobile-color-system.md) | OLED optimization, dark mode, battery |
+| [decision-trees.md](decision-trees.md) | Framework, state, storage decisions |
+
+---
+
+> **Remember:** Mobile users are impatient, interrupted, and using imprecise fingers on small screens. Design for the WORST conditions: bad network, one hand, bright sun, low battery. If it works there, it works everywhere.