ai-devx 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/package.json +1 -1
  2. package/templates/.agent/.shared/ui-ux-pro-max/data/charts.csv +26 -0
  3. package/templates/.agent/.shared/ui-ux-pro-max/data/colors.csv +97 -0
  4. package/templates/.agent/.shared/ui-ux-pro-max/data/icons.csv +101 -0
  5. package/templates/.agent/.shared/ui-ux-pro-max/data/landing.csv +31 -0
  6. package/templates/.agent/.shared/ui-ux-pro-max/data/products.csv +97 -0
  7. package/templates/.agent/.shared/ui-ux-pro-max/data/prompts.csv +24 -0
  8. package/templates/.agent/.shared/ui-ux-pro-max/data/react-performance.csv +45 -0
  9. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/flutter.csv +53 -0
  10. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/html-tailwind.csv +56 -0
  11. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/jetpack-compose.csv +53 -0
  12. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/nextjs.csv +53 -0
  13. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/nuxt-ui.csv +51 -0
  14. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/nuxtjs.csv +59 -0
  15. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/react-native.csv +52 -0
  16. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/react.csv +54 -0
  17. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/shadcn.csv +61 -0
  18. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/svelte.csv +54 -0
  19. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/swiftui.csv +51 -0
  20. package/templates/.agent/.shared/ui-ux-pro-max/data/stacks/vue.csv +50 -0
  21. package/templates/.agent/.shared/ui-ux-pro-max/data/styles.csv +59 -0
  22. package/templates/.agent/.shared/ui-ux-pro-max/data/typography.csv +58 -0
  23. package/templates/.agent/.shared/ui-ux-pro-max/data/ui-reasoning.csv +101 -0
  24. package/templates/.agent/.shared/ui-ux-pro-max/data/ux-guidelines.csv +100 -0
  25. package/templates/.agent/.shared/ui-ux-pro-max/data/web-interface.csv +31 -0
  26. package/templates/.agent/.shared/ui-ux-pro-max/scripts/__pycache__/core.cpython-313.pyc +0 -0
  27. package/templates/.agent/.shared/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-313.pyc +0 -0
  28. package/templates/.agent/.shared/ui-ux-pro-max/scripts/core.py +258 -0
  29. package/templates/.agent/.shared/ui-ux-pro-max/scripts/design_system.py +1067 -0
  30. package/templates/.agent/.shared/ui-ux-pro-max/scripts/search.py +106 -0
  31. package/templates/.agent/ARCHITECTURE.md +288 -0
  32. package/templates/.agent/agents/backend-specialist.md +251 -135
  33. package/templates/.agent/agents/code-archaeologist.md +106 -0
  34. package/templates/.agent/agents/database-architect.md +222 -160
  35. package/templates/.agent/agents/debugger.md +205 -108
  36. package/templates/.agent/agents/devops-engineer.md +226 -169
  37. package/templates/.agent/agents/documentation-writer.md +104 -0
  38. package/templates/.agent/agents/explorer-agent.md +73 -0
  39. package/templates/.agent/agents/frontend-specialist.md +587 -116
  40. package/templates/.agent/agents/game-developer.md +162 -0
  41. package/templates/.agent/agents/mobile-developer.md +377 -0
  42. package/templates/.agent/agents/orchestrator.md +412 -133
  43. package/templates/.agent/agents/penetration-tester.md +188 -0
  44. package/templates/.agent/agents/performance-optimizer.md +187 -0
  45. package/templates/.agent/agents/product-manager.md +112 -0
  46. package/templates/.agent/agents/product-owner.md +95 -0
  47. package/templates/.agent/agents/project-planner.md +390 -111
  48. package/templates/.agent/agents/qa-automation-engineer.md +103 -0
  49. package/templates/.agent/agents/security-auditor.md +158 -110
  50. package/templates/.agent/agents/seo-specialist.md +111 -0
  51. package/templates/.agent/agents/test-engineer.md +136 -154
  52. package/templates/.agent/mcp_config.json +24 -0
  53. package/templates/.agent/rules/GEMINI.md +273 -0
  54. package/templates/.agent/scripts/auto_preview.py +148 -0
  55. package/templates/.agent/scripts/checklist.py +217 -0
  56. package/templates/.agent/scripts/session_manager.py +120 -0
  57. package/templates/.agent/scripts/verify_all.py +327 -0
  58. package/templates/.agent/skills/api-patterns/SKILL.md +77 -232
  59. package/templates/.agent/skills/api-patterns/api-style.md +42 -0
  60. package/templates/.agent/skills/api-patterns/auth.md +24 -0
  61. package/templates/.agent/skills/api-patterns/documentation.md +26 -0
  62. package/templates/.agent/skills/api-patterns/graphql.md +41 -0
  63. package/templates/.agent/skills/api-patterns/rate-limiting.md +31 -0
  64. package/templates/.agent/skills/api-patterns/response.md +37 -0
  65. package/templates/.agent/skills/api-patterns/rest.md +40 -0
  66. package/templates/.agent/skills/api-patterns/scripts/api_validator.py +211 -0
  67. package/templates/.agent/skills/api-patterns/security-testing.md +122 -0
  68. package/templates/.agent/skills/api-patterns/trpc.md +41 -0
  69. package/templates/.agent/skills/api-patterns/versioning.md +22 -0
  70. package/templates/.agent/skills/app-builder/SKILL.md +75 -0
  71. package/templates/.agent/skills/app-builder/agent-coordination.md +71 -0
  72. package/templates/.agent/skills/app-builder/feature-building.md +53 -0
  73. package/templates/.agent/skills/app-builder/project-detection.md +34 -0
  74. package/templates/.agent/skills/app-builder/scaffolding.md +118 -0
  75. package/templates/.agent/skills/app-builder/tech-stack.md +40 -0
  76. package/templates/.agent/skills/app-builder/templates/SKILL.md +39 -0
  77. package/templates/.agent/skills/app-builder/templates/astro-static/TEMPLATE.md +76 -0
  78. package/templates/.agent/skills/app-builder/templates/chrome-extension/TEMPLATE.md +92 -0
  79. package/templates/.agent/skills/app-builder/templates/cli-tool/TEMPLATE.md +88 -0
  80. package/templates/.agent/skills/app-builder/templates/electron-desktop/TEMPLATE.md +88 -0
  81. package/templates/.agent/skills/app-builder/templates/express-api/TEMPLATE.md +83 -0
  82. package/templates/.agent/skills/app-builder/templates/flutter-app/TEMPLATE.md +90 -0
  83. package/templates/.agent/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md +90 -0
  84. package/templates/.agent/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +122 -0
  85. package/templates/.agent/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +122 -0
  86. package/templates/.agent/skills/app-builder/templates/nextjs-static/TEMPLATE.md +169 -0
  87. package/templates/.agent/skills/app-builder/templates/nuxt-app/TEMPLATE.md +134 -0
  88. package/templates/.agent/skills/app-builder/templates/python-fastapi/TEMPLATE.md +83 -0
  89. package/templates/.agent/skills/app-builder/templates/react-native-app/TEMPLATE.md +119 -0
  90. package/templates/.agent/skills/architecture/SKILL.md +55 -0
  91. package/templates/.agent/skills/architecture/context-discovery.md +43 -0
  92. package/templates/.agent/skills/architecture/examples.md +94 -0
  93. package/templates/.agent/skills/architecture/pattern-selection.md +68 -0
  94. package/templates/.agent/skills/architecture/patterns-reference.md +50 -0
  95. package/templates/.agent/skills/architecture/trade-off-analysis.md +77 -0
  96. package/templates/.agent/skills/bash-linux/SKILL.md +199 -0
  97. package/templates/.agent/skills/behavioral-modes/SKILL.md +242 -0
  98. package/templates/.agent/skills/brainstorming/SKILL.md +163 -0
  99. package/templates/.agent/skills/brainstorming/dynamic-questioning.md +350 -0
  100. package/templates/.agent/skills/clean-code/SKILL.md +201 -0
  101. package/templates/.agent/skills/code-review-checklist/SKILL.md +109 -0
  102. package/templates/.agent/skills/database-design/SKILL.md +34 -285
  103. package/templates/.agent/skills/database-design/database-selection.md +43 -0
  104. package/templates/.agent/skills/database-design/indexing.md +39 -0
  105. package/templates/.agent/skills/database-design/migrations.md +48 -0
  106. package/templates/.agent/skills/database-design/optimization.md +36 -0
  107. package/templates/.agent/skills/database-design/orm-selection.md +30 -0
  108. package/templates/.agent/skills/database-design/schema-design.md +56 -0
  109. package/templates/.agent/skills/database-design/scripts/schema_validator.py +172 -0
  110. package/templates/.agent/skills/deployment-procedures/SKILL.md +241 -0
  111. package/templates/.agent/skills/doc.md +177 -0
  112. package/templates/.agent/skills/documentation-templates/SKILL.md +194 -0
  113. package/templates/.agent/skills/frontend-design/SKILL.md +418 -0
  114. package/templates/.agent/skills/frontend-design/animation-guide.md +331 -0
  115. package/templates/.agent/skills/frontend-design/color-system.md +311 -0
  116. package/templates/.agent/skills/frontend-design/decision-trees.md +418 -0
  117. package/templates/.agent/skills/frontend-design/motion-graphics.md +306 -0
  118. package/templates/.agent/skills/frontend-design/scripts/accessibility_checker.py +183 -0
  119. package/templates/.agent/skills/frontend-design/scripts/ux_audit.py +722 -0
  120. package/templates/.agent/skills/frontend-design/typography-system.md +345 -0
  121. package/templates/.agent/skills/frontend-design/ux-psychology.md +1116 -0
  122. package/templates/.agent/skills/frontend-design/visual-effects.md +383 -0
  123. package/templates/.agent/skills/game-development/2d-games/SKILL.md +119 -0
  124. package/templates/.agent/skills/game-development/3d-games/SKILL.md +135 -0
  125. package/templates/.agent/skills/game-development/SKILL.md +167 -0
  126. package/templates/.agent/skills/game-development/game-art/SKILL.md +185 -0
  127. package/templates/.agent/skills/game-development/game-audio/SKILL.md +190 -0
  128. package/templates/.agent/skills/game-development/game-design/SKILL.md +129 -0
  129. package/templates/.agent/skills/game-development/mobile-games/SKILL.md +108 -0
  130. package/templates/.agent/skills/game-development/multiplayer/SKILL.md +132 -0
  131. package/templates/.agent/skills/game-development/pc-games/SKILL.md +144 -0
  132. package/templates/.agent/skills/game-development/vr-ar/SKILL.md +123 -0
  133. package/templates/.agent/skills/game-development/web-games/SKILL.md +150 -0
  134. package/templates/.agent/skills/geo-fundamentals/SKILL.md +156 -0
  135. package/templates/.agent/skills/geo-fundamentals/scripts/geo_checker.py +289 -0
  136. package/templates/.agent/skills/i18n-localization/SKILL.md +154 -0
  137. package/templates/.agent/skills/i18n-localization/scripts/i18n_checker.py +241 -0
  138. package/templates/.agent/skills/intelligent-routing/SKILL.md +335 -0
  139. package/templates/.agent/skills/lint-and-validate/SKILL.md +45 -0
  140. package/templates/.agent/skills/lint-and-validate/scripts/lint_runner.py +184 -0
  141. package/templates/.agent/skills/lint-and-validate/scripts/type_coverage.py +173 -0
  142. package/templates/.agent/skills/mcp-builder/SKILL.md +176 -0
  143. package/templates/.agent/skills/mobile-design/SKILL.md +394 -0
  144. package/templates/.agent/skills/mobile-design/decision-trees.md +516 -0
  145. package/templates/.agent/skills/mobile-design/mobile-backend.md +491 -0
  146. package/templates/.agent/skills/mobile-design/mobile-color-system.md +420 -0
  147. package/templates/.agent/skills/mobile-design/mobile-debugging.md +122 -0
  148. package/templates/.agent/skills/mobile-design/mobile-design-thinking.md +357 -0
  149. package/templates/.agent/skills/mobile-design/mobile-navigation.md +458 -0
  150. package/templates/.agent/skills/mobile-design/mobile-performance.md +767 -0
  151. package/templates/.agent/skills/mobile-design/mobile-testing.md +356 -0
  152. package/templates/.agent/skills/mobile-design/mobile-typography.md +433 -0
  153. package/templates/.agent/skills/mobile-design/platform-android.md +666 -0
  154. package/templates/.agent/skills/mobile-design/platform-ios.md +561 -0
  155. package/templates/.agent/skills/mobile-design/scripts/mobile_audit.py +670 -0
  156. package/templates/.agent/skills/mobile-design/touch-psychology.md +537 -0
  157. package/templates/.agent/skills/nextjs-react-expert/1-async-eliminating-waterfalls.md +312 -0
  158. package/templates/.agent/skills/nextjs-react-expert/2-bundle-bundle-size-optimization.md +240 -0
  159. package/templates/.agent/skills/nextjs-react-expert/3-server-server-side-performance.md +490 -0
  160. package/templates/.agent/skills/nextjs-react-expert/4-client-client-side-data-fetching.md +264 -0
  161. package/templates/.agent/skills/nextjs-react-expert/5-rerender-re-render-optimization.md +581 -0
  162. package/templates/.agent/skills/nextjs-react-expert/6-rendering-rendering-performance.md +432 -0
  163. package/templates/.agent/skills/nextjs-react-expert/7-js-javascript-performance.md +684 -0
  164. package/templates/.agent/skills/nextjs-react-expert/8-advanced-advanced-patterns.md +150 -0
  165. package/templates/.agent/skills/nextjs-react-expert/SKILL.md +286 -0
  166. package/templates/.agent/skills/nextjs-react-expert/scripts/convert_rules.py +222 -0
  167. package/templates/.agent/skills/nextjs-react-expert/scripts/react_performance_checker.py +252 -0
  168. package/templates/.agent/skills/nodejs-best-practices/SKILL.md +333 -0
  169. package/templates/.agent/skills/parallel-agents/SKILL.md +175 -0
  170. package/templates/.agent/skills/performance-profiling/SKILL.md +143 -0
  171. package/templates/.agent/skills/performance-profiling/scripts/lighthouse_audit.py +76 -0
  172. package/templates/.agent/skills/plan-writing/SKILL.md +152 -0
  173. package/templates/.agent/skills/powershell-windows/SKILL.md +167 -0
  174. package/templates/.agent/skills/python-patterns/SKILL.md +441 -0
  175. package/templates/.agent/skills/red-team-tactics/SKILL.md +199 -0
  176. package/templates/.agent/skills/rust-pro/SKILL.md +176 -0
  177. package/templates/.agent/skills/seo-fundamentals/SKILL.md +129 -0
  178. package/templates/.agent/skills/seo-fundamentals/scripts/seo_checker.py +219 -0
  179. package/templates/.agent/skills/server-management/SKILL.md +161 -0
  180. package/templates/.agent/skills/systematic-debugging/SKILL.md +109 -0
  181. package/templates/.agent/skills/tailwind-patterns/SKILL.md +269 -0
  182. package/templates/.agent/skills/tdd-workflow/SKILL.md +149 -0
  183. package/templates/.agent/skills/testing-patterns/SKILL.md +156 -240
  184. package/templates/.agent/skills/testing-patterns/scripts/test_runner.py +219 -0
  185. package/templates/.agent/skills/vulnerability-scanner/SKILL.md +276 -0
  186. package/templates/.agent/skills/vulnerability-scanner/checklists.md +121 -0
  187. package/templates/.agent/skills/vulnerability-scanner/scripts/security_scan.py +458 -0
  188. package/templates/.agent/skills/web-design-guidelines/SKILL.md +57 -0
  189. package/templates/.agent/skills/webapp-testing/SKILL.md +187 -0
  190. package/templates/.agent/skills/webapp-testing/scripts/playwright_runner.py +173 -0
  191. package/templates/.agent/workflows/brainstorm.md +113 -0
  192. package/templates/.agent/workflows/create.md +40 -112
  193. package/templates/.agent/workflows/debug.md +82 -117
  194. package/templates/.agent/workflows/deploy.md +142 -129
  195. package/templates/.agent/workflows/enhance.md +63 -0
  196. package/templates/.agent/workflows/orchestrate.md +237 -0
  197. package/templates/.agent/workflows/plan.md +74 -138
  198. package/templates/.agent/workflows/preview.md +81 -0
  199. package/templates/.agent/workflows/status.md +86 -0
  200. package/templates/.agent/workflows/test.md +109 -130
  201. package/templates/.agent/workflows/ui-ux-pro-max.md +296 -0
  202. package/templates/.agent/scripts/checklist.js +0 -260
  203. package/templates/.agent/scripts/security_scan.js +0 -251
  204. package/templates/.agent/skills/docker-expert/SKILL.md +0 -286
  205. package/templates/.agent/skills/react-best-practices/SKILL.md +0 -246
  206. package/templates/.agent/workflows/security.md +0 -181
@@ -0,0 +1,83 @@
1
+ ---
2
+ name: python-fastapi
3
+ description: FastAPI REST API template principles. SQLAlchemy, Pydantic, Alembic.
4
+ ---
5
+
6
+ # FastAPI API Template
7
+
8
+ ## Tech Stack
9
+
10
+ | Component | Technology |
11
+ |-----------|------------|
12
+ | Framework | FastAPI |
13
+ | Language | Python 3.11+ |
14
+ | ORM | SQLAlchemy 2.0 |
15
+ | Validation | Pydantic v2 |
16
+ | Migrations | Alembic |
17
+ | Auth | JWT + passlib |
18
+
19
+ ---
20
+
21
+ ## Directory Structure
22
+
23
+ ```
24
+ project-name/
25
+ ├── alembic/ # Migrations
26
+ ├── app/
27
+ │ ├── main.py # FastAPI app
28
+ │ ├── config.py # Settings
29
+ │ ├── database.py # DB connection
30
+ │ ├── models/ # SQLAlchemy models
31
+ │ ├── schemas/ # Pydantic schemas
32
+ │ ├── routers/ # API routes
33
+ │ ├── services/ # Business logic
34
+ │ ├── dependencies/ # DI
35
+ │ └── utils/
36
+ ├── tests/
37
+ ├── .env.example
38
+ └── requirements.txt
39
+ ```
40
+
41
+ ---
42
+
43
+ ## Key Concepts
44
+
45
+ | Concept | Description |
46
+ |---------|-------------|
47
+ | Async | async/await throughout |
48
+ | Dependency Injection | FastAPI Depends |
49
+ | Pydantic v2 | Validation + serialization |
50
+ | SQLAlchemy 2.0 | Async sessions |
51
+
52
+ ---
53
+
54
+ ## API Structure
55
+
56
+ | Layer | Responsibility |
57
+ |-------|---------------|
58
+ | Routers | HTTP handling |
59
+ | Dependencies | Auth, validation |
60
+ | Services | Business logic |
61
+ | Models | Database entities |
62
+ | Schemas | Request/response |
63
+
64
+ ---
65
+
66
+ ## Setup Steps
67
+
68
+ 1. `python -m venv venv`
69
+ 2. `source venv/bin/activate`
70
+ 3. `pip install fastapi uvicorn sqlalchemy alembic pydantic`
71
+ 4. Create `.env`
72
+ 5. `alembic upgrade head`
73
+ 6. `uvicorn app.main:app --reload`
74
+
75
+ ---
76
+
77
+ ## Best Practices
78
+
79
+ - Use async everywhere
80
+ - Pydantic v2 for validation
81
+ - SQLAlchemy 2.0 async sessions
82
+ - Alembic for migrations
83
+ - pytest-asyncio for tests
@@ -0,0 +1,119 @@
1
+ ---
2
+ name: react-native-app
3
+ description: React Native mobile app template principles. Expo, TypeScript, navigation.
4
+ ---
5
+
6
+ # React Native App Template (2026 Edition)
7
+
8
+ Modern mobile app template, optimized for New Architecture and React 19.
9
+
10
+ ## Tech Stack
11
+
12
+ | Component | Technology | Version / Notes |
13
+ |-----------|------------|-----------------|
14
+ | Core | React Native + Expo | SDK 52+ (New Architecture Enabled) |
15
+ | Language | TypeScript | v5+ (Strict Mode) |
16
+ | UI Logic | React | v19 (React Compiler, auto-memoization) |
17
+ | Navigation | Expo Router | v4+ (File-based, Universal Links) |
18
+ | Styling | NativeWind | v4.0 (Tailwind v4, CSS-first config) |
19
+ | State | Zustand + React Query | v5+ (Async State Management) |
20
+ | Storage | Expo SecureStore | Encrypted local storage |
21
+
22
+ ---
23
+
24
+ ## Directory Structure
25
+
26
+ Standardized structure for Expo Router and NativeWind v4.
27
+
28
+ ```
29
+ project-name/
30
+ ├── app/ # Expo Router (File-based routing)
31
+ │ ├── _layout.tsx # Root Layout (Stack/Tabs config)
32
+ │ ├── index.tsx # Main Screen
33
+ │ ├── (tabs)/ # Route Group for Tab Bar
34
+ │ │ ├── _layout.tsx
35
+ │ │ ├── home.tsx
36
+ │ │ └── profile.tsx
37
+ │ ├── +not-found.tsx # 404 Page
38
+ │ └── [id].tsx # Dynamic Route (Typed)
39
+ ├── components/
40
+ │ ├── ui/ # Primitive Components (Button, Text)
41
+ │ └── features/ # Complex Components
42
+ ├── hooks/ # Custom Hooks
43
+ ├── lib/
44
+ │ ├── api.ts # Axios/Fetch client
45
+ │ └── storage.ts # SecureStore wrapper
46
+ ├── store/ # Zustand stores
47
+ ├── constants/ # Colors, Theme config
48
+ ├── assets/ # Fonts, Images
49
+ ├── global.css # Entry point for NativeWind v4
50
+ ├── tailwind.config.ts # Tailwind Config (if custom theme needed)
51
+ ├── babel.config.js # NativeWind Babel Plugin
52
+ └── app.json # Expo Config
53
+ ```
54
+
55
+ ---
56
+
57
+ ## Navigation Patterns (Expo Router)
58
+
59
+ | Pattern | Description | Implement |
60
+ |---------|-------------|-----------|
61
+ | Stack | Hierarchical navigation (Push/Pop) | `<Stack />` in `_layout.tsx` |
62
+ | Tabs | Bottom navigation bar | `<Tabs />` in `(tabs)/_layout.tsx` |
63
+ | Drawer | Side slide-out menu | `expo-router/drawer` |
64
+ | Modals | Overlay screens | `presentation: 'modal'` in Stack screen |
65
+
66
+ ---
67
+
68
+ ## Key Packages & Purpose
69
+
70
+ | Package | Purpose |
71
+ |---------|---------|
72
+ | expo-router | File-based routing (Next.js like) |
73
+ | nativewind | Use Tailwind CSS classes in React Native |
74
+ | react-native-reanimated | Smooth animations (runs on UI thread) |
75
+ | @tanstack/react-query | Server state management, caching, pre-fetching |
76
+ | zustand | Global state management (lighter than Redux) |
77
+ | expo-image | Optimized image rendering for performance |
78
+
79
+ ---
80
+
81
+ ## Setup Steps (2026 Standard)
82
+
83
+ 1. Initialize Project:
84
+ ```bash
85
+ npx create-expo-app@latest my-app --template default
86
+ cd my-app
87
+ ```
88
+
89
+ 2. Install Core Dependencies:
90
+ ```bash
91
+ npx expo install expo-router react-native-safe-area-context react-native-screens expo-link expo-constants expo-status-bar
92
+ ```
93
+
94
+ 3. Install NativeWind v4:
95
+ ```bash
96
+ npm install nativewind tailwindcss react-native-reanimated
97
+ ```
98
+
99
+ 4. Configure NativeWind (Babel & CSS):
100
+ - Add plugin to `babel.config.js`: `plugins: ["nativewind/babel"]`.
101
+ - Create `global.css` with: `@import "tailwindcss";`.
102
+ - Import `global.css` in `app/_layout.tsx`.
103
+
104
+ 5. Run Project:
105
+ ```bash
106
+ npx expo start -c
107
+ # Press 'i' for iOS simulator or 'a' for Android emulator
108
+ ```
109
+
110
+ ---
111
+
112
+ ## Best Practices (Updated)
113
+
114
+ - **New Architecture**: Ensure `newArchEnabled: true` in `app.json` to leverage TurboModules and Fabric Renderer.
115
+ - **Typed Routes**: Use Expo Router's "Typed Routes" feature for type-safe routing (e.g., `router.push('/path')`).
116
+ - **React 19**: Reduce usage of `useMemo` or `useCallback` thanks to React Compiler (if enabled).
117
+ - **Components**: Build UI primitives (Box, Text) with NativeWind className for reusability.
118
+ - **Assets**: Use `expo-image` instead of default `<Image />` for better caching and performance.
119
+ - **API**: Always wrap API calls with TanStack Query, avoid direct calls in `useEffect`.
@@ -0,0 +1,55 @@
1
+ ---
2
+ name: architecture
3
+ description: Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.
4
+ allowed-tools: Read, Glob, Grep
5
+ ---
6
+
7
+ # Architecture Decision Framework
8
+
9
+ > "Requirements drive architecture. Trade-offs inform decisions. ADRs capture rationale."
10
+
11
+ ## 🎯 Selective Reading Rule
12
+
13
+ **Read ONLY files relevant to the request!** Check the content map, find what you need.
14
+
15
+ | File | Description | When to Read |
16
+ |------|-------------|--------------|
17
+ | `context-discovery.md` | Questions to ask, project classification | Starting architecture design |
18
+ | `trade-off-analysis.md` | ADR templates, trade-off framework | Documenting decisions |
19
+ | `pattern-selection.md` | Decision trees, anti-patterns | Choosing patterns |
20
+ | `examples.md` | MVP, SaaS, Enterprise examples | Reference implementations |
21
+ | `patterns-reference.md` | Quick lookup for patterns | Pattern comparison |
22
+
23
+ ---
24
+
25
+ ## 🔗 Related Skills
26
+
27
+ | Skill | Use For |
28
+ |-------|---------|
29
+ | `@[skills/database-design]` | Database schema design |
30
+ | `@[skills/api-patterns]` | API design patterns |
31
+ | `@[skills/deployment-procedures]` | Deployment architecture |
32
+
33
+ ---
34
+
35
+ ## Core Principle
36
+
37
+ **"Simplicity is the ultimate sophistication."**
38
+
39
+ - Start simple
40
+ - Add complexity ONLY when proven necessary
41
+ - You can always add patterns later
42
+ - Removing complexity is MUCH harder than adding it
43
+
44
+ ---
45
+
46
+ ## Validation Checklist
47
+
48
+ Before finalizing architecture:
49
+
50
+ - [ ] Requirements clearly understood
51
+ - [ ] Constraints identified
52
+ - [ ] Each decision has trade-off analysis
53
+ - [ ] Simpler alternatives considered
54
+ - [ ] ADRs written for significant decisions
55
+ - [ ] Team expertise matches chosen patterns
@@ -0,0 +1,43 @@
1
+ # Context Discovery
2
+
3
+ > Before suggesting any architecture, gather context.
4
+
5
+ ## Question Hierarchy (Ask User FIRST)
6
+
7
+ 1. **Scale**
8
+ - How many users? (10, 1K, 100K, 1M+)
9
+ - Data volume? (MB, GB, TB)
10
+ - Transaction rate? (per second/minute)
11
+
12
+ 2. **Team**
13
+ - Solo developer or team?
14
+ - Team size and expertise?
15
+ - Distributed or co-located?
16
+
17
+ 3. **Timeline**
18
+ - MVP/Prototype or long-term product?
19
+ - Time to market pressure?
20
+
21
+ 4. **Domain**
22
+ - CRUD-heavy or business logic complex?
23
+ - Real-time requirements?
24
+ - Compliance/regulations?
25
+
26
+ 5. **Constraints**
27
+ - Budget limitations?
28
+ - Legacy systems to integrate?
29
+ - Technology stack preferences?
30
+
31
+ ## Project Classification Matrix
32
+
33
+ ```
34
+ MVP SaaS Enterprise
35
+ ┌─────────────────────────────────────────────────────────────┐
36
+ │ Scale │ <1K │ 1K-100K │ 100K+ │
37
+ │ Team │ Solo │ 2-10 │ 10+ │
38
+ │ Timeline │ Fast (weeks) │ Medium (months)│ Long (years)│
39
+ │ Architecture │ Simple │ Modular │ Distributed │
40
+ │ Patterns │ Minimal │ Selective │ Comprehensive│
41
+ │ Example │ Next.js API │ NestJS │ Microservices│
42
+ └─────────────────────────────────────────────────────────────┘
43
+ ```
@@ -0,0 +1,94 @@
1
+ # Architecture Examples
2
+
3
+ > Real-world architecture decisions by project type.
4
+
5
+ ---
6
+
7
+ ## Example 1: MVP E-commerce (Solo Developer)
8
+
9
+ ```yaml
10
+ Requirements:
11
+ - <1000 users initially
12
+ - Solo developer
13
+ - Fast to market (8 weeks)
14
+ - Budget-conscious
15
+
16
+ Architecture Decisions:
17
+ App Structure: Monolith (simpler for solo)
18
+ Framework: Next.js (full-stack, fast)
19
+ Data Layer: Prisma direct (no over-abstraction)
20
+ Authentication: JWT (simpler than OAuth)
21
+ Payment: Stripe (hosted solution)
22
+ Database: PostgreSQL (ACID for orders)
23
+
24
+ Trade-offs Accepted:
25
+ - Monolith → Can't scale independently (team doesn't justify it)
26
+ - No Repository → Less testable (simple CRUD doesn't need it)
27
+ - JWT → No social login initially (can add later)
28
+
29
+ Future Migration Path:
30
+ - Users > 10K → Extract payment service
31
+ - Team > 3 → Add Repository pattern
32
+ - Social login requested → Add OAuth
33
+ ```
34
+
35
+ ---
36
+
37
+ ## Example 2: SaaS Product (5-10 Developers)
38
+
39
+ ```yaml
40
+ Requirements:
41
+ - 1K-100K users
42
+ - 5-10 developers
43
+ - Long-term (12+ months)
44
+ - Multiple domains (billing, users, core)
45
+
46
+ Architecture Decisions:
47
+ App Structure: Modular Monolith (team size optimal)
48
+ Framework: NestJS (modular by design)
49
+ Data Layer: Repository pattern (testing, flexibility)
50
+ Domain Model: Partial DDD (rich entities)
51
+ Authentication: OAuth + JWT
52
+ Caching: Redis
53
+ Database: PostgreSQL
54
+
55
+ Trade-offs Accepted:
56
+ - Modular Monolith → Some module coupling (microservices not justified)
57
+ - Partial DDD → No full aggregates (no domain experts)
58
+ - RabbitMQ later → Initial synchronous (add when proven needed)
59
+
60
+ Migration Path:
61
+ - Team > 10 → Consider microservices
62
+ - Domains conflict → Extract bounded contexts
63
+ - Read performance issues → Add CQRS
64
+ ```
65
+
66
+ ---
67
+
68
+ ## Example 3: Enterprise (100K+ Users)
69
+
70
+ ```yaml
71
+ Requirements:
72
+ - 100K+ users
73
+ - 10+ developers
74
+ - Multiple business domains
75
+ - Different scaling needs
76
+ - 24/7 availability
77
+
78
+ Architecture Decisions:
79
+ App Structure: Microservices (independent scale)
80
+ API Gateway: Kong/AWS API GW
81
+ Domain Model: Full DDD
82
+ Consistency: Event-driven (eventual OK)
83
+ Message Bus: Kafka
84
+ Authentication: OAuth + SAML (enterprise SSO)
85
+ Database: Polyglot (right tool per job)
86
+ CQRS: Selected services
87
+
88
+ Operational Requirements:
89
+ - Service mesh (Istio/Linkerd)
90
+ - Distributed tracing (Jaeger/Tempo)
91
+ - Centralized logging (ELK/Loki)
92
+ - Circuit breakers (Resilience4j)
93
+ - Kubernetes/Helm
94
+ ```
@@ -0,0 +1,68 @@
1
+ # Pattern Selection Guidelines
2
+
3
+ > Decision trees for choosing architectural patterns.
4
+
5
+ ## Main Decision Tree
6
+
7
+ ```
8
+ START: What's your MAIN concern?
9
+
10
+ ┌─ Data Access Complexity?
11
+ │ ├─ HIGH (complex queries, testing needed)
12
+ │ │ → Repository Pattern + Unit of Work
13
+ │ │ VALIDATE: Will data source change frequently?
14
+ │ │ ├─ YES → Repository worth the indirection
15
+ │ │ └─ NO → Consider simpler ORM direct access
16
+ │ └─ LOW (simple CRUD, single database)
17
+ │ → ORM directly (Prisma, Drizzle)
18
+ │ Simpler = Better, Faster
19
+
20
+ ├─ Business Rules Complexity?
21
+ │ ├─ HIGH (domain logic, rules vary by context)
22
+ │ │ → Domain-Driven Design
23
+ │ │ VALIDATE: Do you have domain experts on team?
24
+ │ │ ├─ YES → Full DDD (Aggregates, Value Objects)
25
+ │ │ └─ NO → Partial DDD (rich entities, clear boundaries)
26
+ │ └─ LOW (mostly CRUD, simple validation)
27
+ │ → Transaction Script pattern
28
+ │ Simpler = Better, Faster
29
+
30
+ ├─ Independent Scaling Needed?
31
+ │ ├─ YES (different components scale differently)
32
+ │ │ → Microservices WORTH the complexity
33
+ │ │ REQUIREMENTS (ALL must be true):
34
+ │ │ - Clear domain boundaries
35
+ │ │ - Team > 10 developers
36
+ │ │ - Different scaling needs per service
37
+ │ │ IF NOT ALL MET → Modular Monolith instead
38
+ │ └─ NO (everything scales together)
39
+ │ → Modular Monolith
40
+ │ Can extract services later when proven needed
41
+
42
+ └─ Real-time Requirements?
43
+ ├─ HIGH (immediate updates, multi-user sync)
44
+ │ → Event-Driven Architecture
45
+ │ → Message Queue (RabbitMQ, Redis, Kafka)
46
+ │ VALIDATE: Can you handle eventual consistency?
47
+ │ ├─ YES → Event-driven valid
48
+ │ └─ NO → Synchronous with polling
49
+ └─ LOW (eventual consistency acceptable)
50
+ → Synchronous (REST/GraphQL)
51
+ Simpler = Better, Faster
52
+ ```
53
+
54
+ ## The 3 Questions (Before ANY Pattern)
55
+
56
+ 1. **Problem Solved**: What SPECIFIC problem does this pattern solve?
57
+ 2. **Simpler Alternative**: Is there a simpler solution?
58
+ 3. **Deferred Complexity**: Can we add this LATER when needed?
59
+
60
+ ## Red Flags (Anti-patterns)
61
+
62
+ | Pattern | Anti-pattern | Simpler Alternative |
63
+ |---------|-------------|-------------------|
64
+ | Microservices | Premature splitting | Start monolith, extract later |
65
+ | Clean/Hexagonal | Over-abstraction | Concrete first, interfaces later |
66
+ | Event Sourcing | Over-engineering | Append-only audit log |
67
+ | CQRS | Unnecessary complexity | Single model |
68
+ | Repository | YAGNI for simple CRUD | ORM direct access |
@@ -0,0 +1,50 @@
1
+ # Architecture Patterns Reference
2
+
3
+ > Quick reference for common patterns with usage guidance.
4
+
5
+ ## Data Access Patterns
6
+
7
+ | Pattern | When to Use | When NOT to Use | Complexity |
8
+ |---------|-------------|-----------------|------------|
9
+ | **Active Record** | Simple CRUD, rapid prototyping | Complex queries, multiple sources | Low |
10
+ | **Repository** | Testing needed, multiple sources | Simple CRUD, single database | Medium |
11
+ | **Unit of Work** | Complex transactions | Simple operations | High |
12
+ | **Data Mapper** | Complex domain, performance | Simple CRUD, rapid dev | High |
13
+
14
+ ## Domain Logic Patterns
15
+
16
+ | Pattern | When to Use | When NOT to Use | Complexity |
17
+ |---------|-------------|-----------------|------------|
18
+ | **Transaction Script** | Simple CRUD, procedural | Complex business rules | Low |
19
+ | **Table Module** | Record-based logic | Rich behavior needed | Low |
20
+ | **Domain Model** | Complex business logic | Simple CRUD | Medium |
21
+ | **DDD (Full)** | Complex domain, domain experts | Simple domain, no experts | High |
22
+
23
+ ## Distributed System Patterns
24
+
25
+ | Pattern | When to Use | When NOT to Use | Complexity |
26
+ |---------|-------------|-----------------|------------|
27
+ | **Modular Monolith** | Small teams, unclear boundaries | Clear contexts, different scales | Medium |
28
+ | **Microservices** | Different scales, large teams | Small teams, simple domain | Very High |
29
+ | **Event-Driven** | Real-time, loose coupling | Simple workflows, strong consistency | High |
30
+ | **CQRS** | Read/write performance diverges | Simple CRUD, same model | High |
31
+ | **Saga** | Distributed transactions | Single database, simple ACID | High |
32
+
33
+ ## API Patterns
34
+
35
+ | Pattern | When to Use | When NOT to Use | Complexity |
36
+ |---------|-------------|-----------------|------------|
37
+ | **REST** | Standard CRUD, resources | Real-time, complex queries | Low |
38
+ | **GraphQL** | Flexible queries, multiple clients | Simple CRUD, caching needs | Medium |
39
+ | **gRPC** | Internal services, performance | Public APIs, browser clients | Medium |
40
+ | **WebSocket** | Real-time updates | Simple request/response | Medium |
41
+
42
+ ---
43
+
44
+ ## Simplicity Principle
45
+
46
+ **"Start simple, add complexity only when proven necessary."**
47
+
48
+ - You can always add patterns later
49
+ - Removing complexity is MUCH harder than adding it
50
+ - When in doubt, choose simpler option
@@ -0,0 +1,77 @@
1
+ # Trade-off Analysis & ADR
2
+
3
+ > Document every architectural decision with trade-offs.
4
+
5
+ ## Decision Framework
6
+
7
+ For EACH architectural component, document:
8
+
9
+ ```markdown
10
+ ## Architecture Decision Record
11
+
12
+ ### Context
13
+ - **Problem**: [What problem are we solving?]
14
+ - **Constraints**: [Team size, scale, timeline, budget]
15
+
16
+ ### Options Considered
17
+
18
+ | Option | Pros | Cons | Complexity | When Valid |
19
+ |--------|------|------|------------|-----------|
20
+ | Option A | Benefit 1 | Cost 1 | Low | [Conditions] |
21
+ | Option B | Benefit 2 | Cost 2 | High | [Conditions] |
22
+
23
+ ### Decision
24
+ **Chosen**: [Option B]
25
+
26
+ ### Rationale
27
+ 1. [Reason 1 - tied to constraints]
28
+ 2. [Reason 2 - tied to requirements]
29
+
30
+ ### Trade-offs Accepted
31
+ - [What we're giving up]
32
+ - [Why this is acceptable]
33
+
34
+ ### Consequences
35
+ - **Positive**: [Benefits we gain]
36
+ - **Negative**: [Costs/risks we accept]
37
+ - **Mitigation**: [How we'll address negatives]
38
+
39
+ ### Revisit Trigger
40
+ - [When to reconsider this decision]
41
+ ```
42
+
43
+ ## ADR Template
44
+
45
+ ```markdown
46
+ # ADR-[XXX]: [Decision Title]
47
+
48
+ ## Status
49
+ Proposed | Accepted | Deprecated | Superseded by [ADR-YYY]
50
+
51
+ ## Context
52
+ [What problem? What constraints?]
53
+
54
+ ## Decision
55
+ [What we chose - be specific]
56
+
57
+ ## Rationale
58
+ [Why - tie to requirements and constraints]
59
+
60
+ ## Trade-offs
61
+ [What we're giving up - be honest]
62
+
63
+ ## Consequences
64
+ - **Positive**: [Benefits]
65
+ - **Negative**: [Costs]
66
+ - **Mitigation**: [How to address]
67
+ ```
68
+
69
+ ## ADR Storage
70
+
71
+ ```
72
+ docs/
73
+ └── architecture/
74
+ ├── adr-001-use-nextjs.md
75
+ ├── adr-002-postgresql-over-mongodb.md
76
+ └── adr-003-adopt-repository-pattern.md
77
+ ```