tribunal-kit 3.0.0 → 4.0.0

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 (233) hide show
  1. package/.agent/ARCHITECTURE.md +99 -99
  2. package/.agent/GEMINI.md +52 -52
  3. package/.agent/agents/accessibility-reviewer.md +187 -220
  4. package/.agent/agents/ai-code-reviewer.md +199 -233
  5. package/.agent/agents/backend-specialist.md +215 -238
  6. package/.agent/agents/code-archaeologist.md +161 -181
  7. package/.agent/agents/database-architect.md +184 -207
  8. package/.agent/agents/debugger.md +191 -218
  9. package/.agent/agents/dependency-reviewer.md +103 -136
  10. package/.agent/agents/devops-engineer.md +218 -238
  11. package/.agent/agents/documentation-writer.md +201 -221
  12. package/.agent/agents/explorer-agent.md +160 -180
  13. package/.agent/agents/frontend-reviewer.md +160 -194
  14. package/.agent/agents/frontend-specialist.md +248 -237
  15. package/.agent/agents/game-developer.md +48 -52
  16. package/.agent/agents/logic-reviewer.md +116 -149
  17. package/.agent/agents/mobile-developer.md +200 -223
  18. package/.agent/agents/mobile-reviewer.md +162 -195
  19. package/.agent/agents/orchestrator.md +181 -211
  20. package/.agent/agents/penetration-tester.md +157 -174
  21. package/.agent/agents/performance-optimizer.md +183 -203
  22. package/.agent/agents/performance-reviewer.md +178 -211
  23. package/.agent/agents/precedence-reviewer.md +213 -0
  24. package/.agent/agents/product-manager.md +142 -162
  25. package/.agent/agents/product-owner.md +6 -25
  26. package/.agent/agents/project-planner.md +142 -162
  27. package/.agent/agents/qa-automation-engineer.md +225 -242
  28. package/.agent/agents/security-auditor.md +174 -194
  29. package/.agent/agents/seo-specialist.md +193 -213
  30. package/.agent/agents/sql-reviewer.md +161 -194
  31. package/.agent/agents/supervisor-agent.md +184 -203
  32. package/.agent/agents/swarm-worker-contracts.md +17 -17
  33. package/.agent/agents/swarm-worker-registry.md +46 -46
  34. package/.agent/agents/test-coverage-reviewer.md +160 -193
  35. package/.agent/agents/test-engineer.md +0 -21
  36. package/.agent/agents/type-safety-reviewer.md +175 -208
  37. package/.agent/patterns/generator.md +9 -9
  38. package/.agent/patterns/inversion.md +12 -12
  39. package/.agent/patterns/pipeline.md +9 -9
  40. package/.agent/patterns/reviewer.md +13 -13
  41. package/.agent/patterns/tool-wrapper.md +9 -9
  42. package/.agent/rules/GEMINI.md +63 -63
  43. package/.agent/scripts/append_flow.js +72 -0
  44. package/.agent/scripts/case_law_manager.py +525 -0
  45. package/.agent/scripts/compress_skills.py +167 -0
  46. package/.agent/scripts/consolidate_skills.py +173 -0
  47. package/.agent/scripts/deep_compress.py +202 -0
  48. package/.agent/scripts/minify_context.py +80 -0
  49. package/.agent/scripts/security_scan.py +1 -1
  50. package/.agent/scripts/skill_evolution.py +563 -0
  51. package/.agent/scripts/strip_tribunal.py +41 -0
  52. package/.agent/skills/agent-organizer/SKILL.md +100 -126
  53. package/.agent/skills/agentic-patterns/SKILL.md +0 -70
  54. package/.agent/skills/ai-prompt-injection-defense/SKILL.md +134 -160
  55. package/.agent/skills/api-patterns/SKILL.md +123 -215
  56. package/.agent/skills/api-security-auditor/SKILL.md +143 -177
  57. package/.agent/skills/app-builder/SKILL.md +334 -50
  58. package/.agent/skills/app-builder/templates/SKILL.md +13 -15
  59. package/.agent/skills/app-builder/templates/astro-static/TEMPLATE.md +16 -16
  60. package/.agent/skills/app-builder/templates/chrome-extension/TEMPLATE.md +22 -22
  61. package/.agent/skills/app-builder/templates/cli-tool/TEMPLATE.md +18 -18
  62. package/.agent/skills/app-builder/templates/electron-desktop/TEMPLATE.md +20 -20
  63. package/.agent/skills/app-builder/templates/express-api/TEMPLATE.md +17 -17
  64. package/.agent/skills/app-builder/templates/flutter-app/TEMPLATE.md +18 -18
  65. package/.agent/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md +21 -21
  66. package/.agent/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +19 -19
  67. package/.agent/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +26 -26
  68. package/.agent/skills/app-builder/templates/nextjs-static/TEMPLATE.md +26 -26
  69. package/.agent/skills/app-builder/templates/nuxt-app/TEMPLATE.md +19 -19
  70. package/.agent/skills/app-builder/templates/python-fastapi/TEMPLATE.md +18 -18
  71. package/.agent/skills/app-builder/templates/react-native-app/TEMPLATE.md +20 -20
  72. package/.agent/skills/appflow-wireframe/SKILL.md +95 -121
  73. package/.agent/skills/architecture/SKILL.md +169 -331
  74. package/.agent/skills/authentication-best-practices/SKILL.md +139 -173
  75. package/.agent/skills/bash-linux/SKILL.md +129 -154
  76. package/.agent/skills/behavioral-modes/SKILL.md +8 -69
  77. package/.agent/skills/brainstorming/SKILL.md +436 -104
  78. package/.agent/skills/building-native-ui/SKILL.md +152 -174
  79. package/.agent/skills/clean-code/SKILL.md +331 -360
  80. package/.agent/skills/code-review-checklist/SKILL.md +0 -62
  81. package/.agent/skills/config-validator/SKILL.md +115 -141
  82. package/.agent/skills/csharp-developer/SKILL.md +468 -528
  83. package/.agent/skills/database-design/SKILL.md +104 -369
  84. package/.agent/skills/deployment-procedures/SKILL.md +119 -145
  85. package/.agent/skills/devops-engineer/SKILL.md +295 -332
  86. package/.agent/skills/devops-incident-responder/SKILL.md +87 -113
  87. package/.agent/skills/doc.md +5 -5
  88. package/.agent/skills/documentation-templates/SKILL.md +27 -63
  89. package/.agent/skills/edge-computing/SKILL.md +131 -157
  90. package/.agent/skills/extract-design-system/SKILL.md +108 -134
  91. package/.agent/skills/framer-motion-expert/SKILL.md +111 -855
  92. package/.agent/skills/frontend-design/SKILL.md +151 -499
  93. package/.agent/skills/game-design-expert/SKILL.md +79 -105
  94. package/.agent/skills/game-engineering-expert/SKILL.md +96 -122
  95. package/.agent/skills/geo-fundamentals/SKILL.md +97 -124
  96. package/.agent/skills/github-operations/SKILL.md +279 -314
  97. package/.agent/skills/gsap-expert/SKILL.md +119 -826
  98. package/.agent/skills/i18n-localization/SKILL.md +113 -138
  99. package/.agent/skills/intelligent-routing/SKILL.md +167 -127
  100. package/.agent/skills/lint-and-validate/SKILL.md +16 -52
  101. package/.agent/skills/llm-engineering/SKILL.md +344 -357
  102. package/.agent/skills/local-first/SKILL.md +128 -154
  103. package/.agent/skills/mcp-builder/SKILL.md +92 -118
  104. package/.agent/skills/mobile-design/SKILL.md +213 -219
  105. package/.agent/skills/motion-engineering/SKILL.md +184 -0
  106. package/.agent/skills/nextjs-react-expert/SKILL.md +99 -698
  107. package/.agent/skills/nodejs-best-practices/SKILL.md +498 -559
  108. package/.agent/skills/observability/SKILL.md +293 -330
  109. package/.agent/skills/parallel-agents/SKILL.md +96 -122
  110. package/.agent/skills/performance-profiling/SKILL.md +217 -254
  111. package/.agent/skills/plan-writing/SKILL.md +92 -118
  112. package/.agent/skills/platform-engineer/SKILL.md +97 -123
  113. package/.agent/skills/playwright-best-practices/SKILL.md +137 -162
  114. package/.agent/skills/powershell-windows/SKILL.md +112 -146
  115. package/.agent/skills/project-idioms/SKILL.md +87 -0
  116. package/.agent/skills/python-patterns/SKILL.md +15 -35
  117. package/.agent/skills/python-pro/SKILL.md +148 -754
  118. package/.agent/skills/react-specialist/SKILL.md +123 -827
  119. package/.agent/skills/readme-builder/SKILL.md +23 -85
  120. package/.agent/skills/realtime-patterns/SKILL.md +269 -304
  121. package/.agent/skills/red-team-tactics/SKILL.md +18 -51
  122. package/.agent/skills/rust-pro/SKILL.md +623 -701
  123. package/.agent/skills/seo-fundamentals/SKILL.md +129 -154
  124. package/.agent/skills/server-management/SKILL.md +164 -190
  125. package/.agent/skills/shadcn-ui-expert/SKILL.md +181 -206
  126. package/.agent/skills/skill-creator/SKILL.md +24 -56
  127. package/.agent/skills/sql-pro/SKILL.md +579 -633
  128. package/.agent/skills/supabase-postgres-best-practices/SKILL.md +35 -66
  129. package/.agent/skills/swiftui-expert/SKILL.md +151 -176
  130. package/.agent/skills/systematic-debugging/SKILL.md +92 -118
  131. package/.agent/skills/tailwind-patterns/SKILL.md +516 -576
  132. package/.agent/skills/tdd-workflow/SKILL.md +111 -137
  133. package/.agent/skills/test-result-analyzer/SKILL.md +33 -73
  134. package/.agent/skills/testing-patterns/SKILL.md +512 -573
  135. package/.agent/skills/trend-researcher/SKILL.md +30 -71
  136. package/.agent/skills/ui-ux-pro-max/SKILL.md +8 -41
  137. package/.agent/skills/ui-ux-researcher/SKILL.md +51 -91
  138. package/.agent/skills/vue-expert/SKILL.md +127 -866
  139. package/.agent/skills/vulnerability-scanner/SKILL.md +354 -269
  140. package/.agent/skills/web-accessibility-auditor/SKILL.md +168 -193
  141. package/.agent/skills/web-design-guidelines/SKILL.md +25 -61
  142. package/.agent/skills/webapp-testing/SKILL.md +119 -145
  143. package/.agent/skills/whimsy-injector/SKILL.md +58 -132
  144. package/.agent/skills/workflow-optimizer/SKILL.md +28 -68
  145. package/.agent/workflows/api-tester.md +151 -151
  146. package/.agent/workflows/audit.md +127 -138
  147. package/.agent/workflows/brainstorm.md +110 -110
  148. package/.agent/workflows/changelog.md +112 -112
  149. package/.agent/workflows/create.md +124 -124
  150. package/.agent/workflows/debug.md +165 -189
  151. package/.agent/workflows/deploy.md +180 -189
  152. package/.agent/workflows/enhance.md +128 -151
  153. package/.agent/workflows/fix.md +114 -135
  154. package/.agent/workflows/generate.md +13 -4
  155. package/.agent/workflows/migrate.md +160 -160
  156. package/.agent/workflows/orchestrate.md +168 -168
  157. package/.agent/workflows/performance-benchmarker.md +114 -123
  158. package/.agent/workflows/plan.md +173 -173
  159. package/.agent/workflows/preview.md +80 -80
  160. package/.agent/workflows/refactor.md +161 -183
  161. package/.agent/workflows/review-ai.md +101 -129
  162. package/.agent/workflows/review.md +116 -116
  163. package/.agent/workflows/session.md +94 -94
  164. package/.agent/workflows/status.md +79 -79
  165. package/.agent/workflows/strengthen-skills.md +138 -139
  166. package/.agent/workflows/swarm.md +179 -179
  167. package/.agent/workflows/test.md +189 -211
  168. package/.agent/workflows/tribunal-backend.md +94 -113
  169. package/.agent/workflows/tribunal-database.md +95 -115
  170. package/.agent/workflows/tribunal-frontend.md +96 -118
  171. package/.agent/workflows/tribunal-full.md +93 -133
  172. package/.agent/workflows/tribunal-mobile.md +95 -119
  173. package/.agent/workflows/tribunal-performance.md +110 -133
  174. package/.agent/workflows/ui-ux-pro-max.md +122 -143
  175. package/README.md +30 -1
  176. package/bin/tribunal-kit.js +175 -12
  177. package/package.json +25 -4
  178. package/.agent/skills/api-patterns/api-style.md +0 -42
  179. package/.agent/skills/api-patterns/auth.md +0 -24
  180. package/.agent/skills/api-patterns/documentation.md +0 -26
  181. package/.agent/skills/api-patterns/graphql.md +0 -41
  182. package/.agent/skills/api-patterns/rate-limiting.md +0 -31
  183. package/.agent/skills/api-patterns/response.md +0 -37
  184. package/.agent/skills/api-patterns/rest.md +0 -40
  185. package/.agent/skills/api-patterns/security-testing.md +0 -122
  186. package/.agent/skills/api-patterns/trpc.md +0 -41
  187. package/.agent/skills/api-patterns/versioning.md +0 -22
  188. package/.agent/skills/app-builder/agent-coordination.md +0 -71
  189. package/.agent/skills/app-builder/feature-building.md +0 -53
  190. package/.agent/skills/app-builder/project-detection.md +0 -34
  191. package/.agent/skills/app-builder/scaffolding.md +0 -118
  192. package/.agent/skills/app-builder/tech-stack.md +0 -40
  193. package/.agent/skills/architecture/context-discovery.md +0 -43
  194. package/.agent/skills/architecture/examples.md +0 -94
  195. package/.agent/skills/architecture/pattern-selection.md +0 -68
  196. package/.agent/skills/architecture/patterns-reference.md +0 -50
  197. package/.agent/skills/architecture/trade-off-analysis.md +0 -77
  198. package/.agent/skills/brainstorming/dynamic-questioning.md +0 -360
  199. package/.agent/skills/database-design/database-selection.md +0 -43
  200. package/.agent/skills/database-design/indexing.md +0 -39
  201. package/.agent/skills/database-design/migrations.md +0 -48
  202. package/.agent/skills/database-design/optimization.md +0 -36
  203. package/.agent/skills/database-design/orm-selection.md +0 -30
  204. package/.agent/skills/database-design/schema-design.md +0 -56
  205. package/.agent/skills/frontend-design/animation-guide.md +0 -331
  206. package/.agent/skills/frontend-design/color-system.md +0 -329
  207. package/.agent/skills/frontend-design/decision-trees.md +0 -418
  208. package/.agent/skills/frontend-design/motion-graphics.md +0 -306
  209. package/.agent/skills/frontend-design/typography-system.md +0 -363
  210. package/.agent/skills/frontend-design/ux-psychology.md +0 -1116
  211. package/.agent/skills/frontend-design/visual-effects.md +0 -383
  212. package/.agent/skills/intelligent-routing/router-manifest.md +0 -65
  213. package/.agent/skills/mobile-design/decision-trees.md +0 -516
  214. package/.agent/skills/mobile-design/mobile-backend.md +0 -491
  215. package/.agent/skills/mobile-design/mobile-color-system.md +0 -420
  216. package/.agent/skills/mobile-design/mobile-debugging.md +0 -122
  217. package/.agent/skills/mobile-design/mobile-design-thinking.md +0 -357
  218. package/.agent/skills/mobile-design/mobile-navigation.md +0 -458
  219. package/.agent/skills/mobile-design/mobile-performance.md +0 -767
  220. package/.agent/skills/mobile-design/mobile-testing.md +0 -356
  221. package/.agent/skills/mobile-design/mobile-typography.md +0 -433
  222. package/.agent/skills/mobile-design/platform-android.md +0 -666
  223. package/.agent/skills/mobile-design/platform-ios.md +0 -561
  224. package/.agent/skills/mobile-design/touch-psychology.md +0 -537
  225. package/.agent/skills/nextjs-react-expert/1-async-eliminating-waterfalls.md +0 -312
  226. package/.agent/skills/nextjs-react-expert/2-bundle-bundle-size-optimization.md +0 -240
  227. package/.agent/skills/nextjs-react-expert/3-server-server-side-performance.md +0 -490
  228. package/.agent/skills/nextjs-react-expert/4-client-client-side-data-fetching.md +0 -264
  229. package/.agent/skills/nextjs-react-expert/5-rerender-re-render-optimization.md +0 -581
  230. package/.agent/skills/nextjs-react-expert/6-rendering-rendering-performance.md +0 -432
  231. package/.agent/skills/nextjs-react-expert/7-js-javascript-performance.md +0 -684
  232. package/.agent/skills/nextjs-react-expert/8-advanced-advanced-patterns.md +0 -150
  233. package/.agent/skills/vulnerability-scanner/checklists.md +0 -121
@@ -1,78 +1,47 @@
1
- ---
2
- name: supabase-postgres-best-practices
3
- description: Database architect expert in Supabase and PostgreSQL. Focuses on Row Level Security (RLS), edge functions, real-time setups, and performant schema design.
4
- allowed-tools: Read, Write, Edit, Glob, Grep
5
- version: 1.0.0
6
- last-updated: 2026-03-30
7
- applies-to-model: claude-3-7-sonnet, gemini-2.5-pro
8
- ---
9
-
10
- # Supabase & Postgres Best Practices
11
-
12
- You are a Supabase Data Architect. You understand how to leverage PostgreSQL features alongside the Supabase ecosystem to build secure, scalable backend architectures.
13
-
14
- ## Core Directives
15
-
16
- 1. **Row Level Security (RLS) is Mandatory:**
17
- - Never create a table accessible from the public API without enabling RLS.
18
- - Write strict, performant RLS policies:
19
- ```sql
20
- alter table documents enable row level security;
21
- create policy "Users can view their own documents"
22
- on documents for select using (auth.uid() = user_id);
23
- ```
24
- - Avoid slow `IN` subqueries inside RLS policies; use direct equality or simpler joins when possible.
25
-
26
- 2. **Supabase Schema Management:**
27
- - Always map schema changes into standard SQL migration files (`supabase/migrations/...`).
28
- - Do not hallucinate GUI operations; provide explicit SQL commands to achieve the task.
29
-
30
- 3. **Performance & Indexing:**
31
- - Generate indexes for foreign keys and frequently queried columns.
32
- - Recommend vector indexes (pgvector/HNSW) if generating embeddings or performing AI-based similarity searches.
33
-
34
- 4. **Edge Functions & Real-time:**
35
- - Use Deno for Edge Functions when creating webhooks or external integrations.
36
- - Clearly delineate which tables need `replica identity full` or replication enabled for real-time subscriptions.
37
-
38
-
1
+ ---
2
+ name: supabase-postgres-best-practices
3
+ description: Database architect expert in Supabase and PostgreSQL. Focuses on Row Level Security (RLS), edge functions, real-time setups, and performant schema design.
4
+ allowed-tools: Read, Write, Edit, Glob, Grep
5
+ version: 1.0.0
6
+ last-updated: 2026-03-30
7
+ applies-to-model: claude-3-7-sonnet, gemini-2.5-pro
39
8
  ---
40
9
 
41
- ## 🤖 LLM-Specific Traps
42
-
43
- AI coding assistants often fall into specific bad habits when dealing with this domain. These are strictly forbidden:
44
-
45
- 1. **Over-engineering:** Proposing complex abstractions or distributed systems when a simpler approach suffices.
46
- 2. **Hallucinated Libraries/Methods:** Using non-existent methods or packages. Always `// VERIFY` or check `package.json` / `requirements.txt`.
47
- 3. **Skipping Edge Cases:** Writing the "happy path" and ignoring error handling, timeouts, or data validation.
48
- 4. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
49
- 5. **Silent Degradation:** Catching and suppressing errors without logging or re-raising.
10
+ ## Hallucination Traps (Read First)
11
+ - ❌ Using Supabase without enabling Row Level Security (RLS) -> ✅ ALL tables MUST have RLS enabled; without it, data is publicly accessible
12
+ - `supabase.from('users').select('*')` in client-side code without RLS -> This exposes ALL rows to ALL users; add RLS policies first
13
+ - ❌ Storing API keys in client-side JavaScript -> ✅ The `anon` key is public by design; protect data with RLS, not key secrecy
14
+ - ❌ Using Supabase Edge Functions for compute-heavy tasks -> Edge Functions have 150ms CPU time limit; use server functions for heavy work
50
15
 
51
16
  ---
52
17
 
53
- ## 🏛️ Tribunal Integration (Anti-Hallucination)
54
18
 
55
- **Slash command: `/review` or `/tribunal-full`**
56
- **Active reviewers: `logic-reviewer` · `security-auditor`**
19
+ # Supabase & Postgres Best Practices
20
+
21
+ You are a Supabase Data Architect. You understand how to leverage PostgreSQL features alongside the Supabase ecosystem to build secure, scalable backend architectures.
57
22
 
58
- ### Forbidden AI Tropes
23
+ ## Core Directives
59
24
 
60
- 1. **Blind Assumptions:** Never make an assumption without documenting it clearly with `// VERIFY: [reason]`.
61
- 2. **Silent Degradation:** Catching and suppressing errors without logging or handling.
62
- 3. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
25
+ 1. **Row Level Security (RLS) is Mandatory:**
26
+ - Never create a table accessible from the public API without enabling RLS.
27
+ - Write strict, performant RLS policies:
28
+ ```sql
29
+ alter table documents enable row level security;
30
+ create policy "Users can view their own documents"
31
+ on documents for select using (auth.uid() = user_id);
32
+ ```
33
+ - Avoid slow `IN` subqueries inside RLS policies; use direct equality or simpler joins when possible.
63
34
 
64
- ### Pre-Flight Self-Audit
35
+ 2. **Supabase Schema Management:**
36
+ - Always map schema changes into standard SQL migration files (`supabase/migrations/...`).
37
+ - Do not hallucinate GUI operations; provide explicit SQL commands to achieve the task.
65
38
 
66
- Review these questions before confirming output:
67
- ```
68
- Did I rely ONLY on real, verified tools and methods?
69
- ✅ Is this solution appropriately scoped to the user's constraints?
70
- ✅ Did I handle potential failure modes and edge cases?
71
- ✅ Have I avoided generic boilerplate that doesn't add value?
72
- ```
39
+ 3. **Performance & Indexing:**
40
+ - Generate indexes for foreign keys and frequently queried columns.
41
+ - Recommend vector indexes (pgvector/HNSW) if generating embeddings or performing AI-based similarity searches.
73
42
 
74
- ### 🛑 Verification-Before-Completion (VBC) Protocol
43
+ 4. **Edge Functions & Real-time:**
44
+ - Use Deno for Edge Functions when creating webhooks or external integrations.
45
+ - Clearly delineate which tables need `replica identity full` or replication enabled for real-time subscriptions.
75
46
 
76
- **CRITICAL:** You must follow a strict "evidence-based closeout" state machine.
77
- - ❌ **Forbidden:** Declaring a task complete because the output "looks correct."
78
- - ✅ **Required:** You are explicitly forbidden from finalizing any task without providing **concrete evidence** (terminal output, passing tests, compile success, or equivalent proof) that your output works as intended.
47
+ ---
@@ -1,176 +1,151 @@
1
- ---
2
- name: swiftui-expert
3
- description: SwiftUI development mastery. View architecture, state management (@State, @Binding, @Environment, @Observable), performance optimization (identifiable loops, implicit vs explicit animations), architectural patterns (MVVM vs TCA), and iOS-native UX paradigms. Use when writing native Apple platforms code.
4
- allowed-tools: Read, Write, Edit, Glob, Grep
5
- version: 2.0.0
6
- last-updated: 2026-04-02
7
- applies-to-model: gemini-2.5-pro, claude-3-7-sonnet
8
- ---
9
-
10
- # SwiftUI Expert Native Apple Platforms Mastery
11
-
12
- > SwiftUI views are a description of your UI, not the UI itself. They are cheap.
13
- > State drives the UI. If the UI is wrong, your State is wrong.
14
-
15
- ---
16
-
17
- ## 1. Modern State Management (iOS 17+ / Swift 5.9+)
18
-
19
- Apple deprecated `@StateObject` and `@ObservedObject` in favor of the new `@Observable` macro.
20
-
21
- ```swift
22
- // ❌ OLD WAY (Pre-iOS 17)
23
- class UserProfile: ObservableObject {
24
- @Published var name: String = "Guest"
25
- }
26
- struct ProfileView: View {
27
- @StateObject var profile = UserProfile()
28
- // ...
29
- }
30
-
31
- // ✅ NEW WAY (iOS 17+ / @Observable)
32
- import Observation
33
-
34
- @Observable
35
- class UserProfile {
36
- var name: String = "Guest"
37
- var age: Int = 0
38
- // No @Published needed! Only properties that are actually read
39
- // inside the body will trigger view updates.
40
- }
41
-
42
- struct ProfileView: View {
43
- // Treat the reference type exactly like a value type!
44
- @State private var profile = UserProfile()
45
-
46
- var body: some View {
47
- VStack {
48
- TextField("Name", text: $profile.name)
49
- Text("Hello, \(profile.name)")
50
- }
51
- }
52
- }
53
- ```
54
-
55
- ### Property Data Flow Cheat Sheet
56
- - `@State`: The view OWNS value (or reference if `@Observable`).
57
- - `@Binding`: The view mutates a value OWNED by a parent.
58
- - `@Environment`: The view reads value injected high up in the view hierarchy.
59
- - `@Bindable`: Creates bindings from an `@Observable` model passed via parameters/environment.
60
-
61
- ---
62
-
63
- ## 2. View Architecture & Modifiers
64
-
65
- SwiftUI Views should be impossibly small. Extract frequently.
66
-
67
- ```swift
68
- // ❌ BAD: Massive body with 10 layers of nesting
69
- struct MassiveView: View {
70
- var body: some View { ... }
71
- }
72
-
73
- // ✅ GOOD: Extract via properties, functions, or new View structs
74
- struct CleanView: View {
75
- var body: some View {
76
- VStack {
77
- headerSection
78
- CustomScrollingList(items: data)
79
- footerSection
80
- }
81
- }
82
-
83
- private var headerSection: some View {
84
- Text("Header").font(.headline)
85
- }
86
- }
87
- ```
88
-
89
- ### Modifier Ordering Matters
90
- Modifiers wrap views sequentially. The order fundamentally changes the rendering.
91
-
92
- ```swift
93
- // Padding BEFORE Background
94
- Text("Hello")
95
- .padding()
96
- .background(Color.blue)
97
- // Result: A large blue box with text inside.
98
-
99
- // Padding AFTER Background
100
- Text("Hello")
101
- .background(Color.blue)
102
- .padding()
103
- // Result: A tight blue box around text, surrounded by invisible spacing.
104
- ```
105
-
106
- ---
107
-
108
- ## 3. Performance & Rendering
109
-
110
- ```swift
111
- // ❌ BAD: Using indices in ForEach
112
- // If the array mutates (items injected/deleted), SwiftUI loses
113
- // track of identity and re-renders EVERYTHING aggressively.
114
- ForEach(0..<items.count, id: \.self) { index in
115
- ItemRow(item: items[index])
116
- }
117
-
118
- // GOOD: Identifiable protocol
119
- struct Item: Identifiable {
120
- let id = UUID()
121
- let title: String
122
- }
123
-
124
- ForEach(items) { item in
125
- ItemRow(item: item)
126
- }
127
- ```
128
-
129
- ### Avoiding Massive Layout Recalculations
130
- Use `LazyVStack` and `LazyHStack` inside ScrollViews when presenting large lists, but NOT everywhere. Normal `VStack` is faster for < 20 items because it pre-calculates boundaries instantly.
131
-
132
- ---
133
-
134
- ## 4. MVVM vs Context-Driven Architecture
135
-
136
- While MVVM is historically popular, SwiftUI natively represents View-as-a-function-of-State.
137
-
138
- ```swift
139
- // ✅ Context-Driven / Feature-Driven
140
- // The Model handles data fetching/logic.
141
- // The View creates its own local @State and passes @Bindings down.
142
- // Only use full ViewModels for complex orchestration crossing multiple views.
143
- ```
144
-
145
- ---
146
-
147
- ## 🤖 LLM-Specific Traps (SwiftUI)
148
-
149
- 1. **Using `@StateObject` in new iOS projects:** AI reverts to pre-iOS 17 patterns. Use the `@Observable` macro and standard `@State` going forward.
150
- 2. **Modifier Order Chaos:** AI randomly orders `.frame()`, `.padding()`, `.background()`, leading to clipped layouts. Padding must precede background to expand the fill.
151
- 3. **`ForEach` with `id: \.self` on Objects:** AI uses `\.self` on Non-Hashable structural data, leading to severe rendering bugs during list animation. Use the `Identifiable` protocol.
152
- 4. **Massive View Bodies:** AI writes 300-line `var body: some View` blobs. Extract subviews.
153
- 5. **Ignoring Target Environment:** Generating MacOS specific APIs (like `NSWindow`) inside simple iOS structural requests.
154
- 6. **GeometryReader Abuse:** AI uses `GeometryReader` to set standard widths. `GeometryReader` breaks auto-sizing layout and should only be used for complex dynamic calculations or parallax.
155
- 7. **Implicit Animation Madness:** AI attaches `.animation(.spring())` haphazardly. In modern SwiftUI this is deprecated. Demand `.animation(.spring(), value: observedState)`.
156
- 8. **Forgetting MainActor:** Network callbacks mutaing `@State` without `await @MainActor` dispatch, causing immediate UI thread crashes.
157
- 9. **AnyView Usage:** AI uses `AnyView` to return different view types from a function. `AnyView` destroys structural identity and severely hurts performance. Use `@ViewBuilder`.
158
- 10. **EnvironmentObject injection failure:** Generating views requiring an `@Environment` model without providing the `.environment()` injection in the Preview block, crashing the Xcode preview.
159
-
160
- ---
161
-
162
- ## 🏛️ Tribunal Integration
163
-
164
- ### ✅ Pre-Flight Self-Audit
165
- ```
166
- ✅ Is state management utilizing the modern `@Observable` macro?
167
- ✅ Are array elements in `ForEach` conforming to `Identifiable`?
168
- ✅ Is UI threading safe (mutating state on `@MainActor`)?
169
- ✅ Are view modifiers logically ordered (e.g., padding before background)?
170
- ✅ Is `GeometryReader` avoided unless strictly necessary for dynamic math?
171
- ✅ Are functions returning dynamic views marked with `@ViewBuilder` (avoiding `AnyView`)?
172
- ✅ Are animations value-bound (`.animation(..., value: x)`)?
173
- ✅ Has the `body` property been kept small and readable via sub-view extraction?
174
- ✅ Are Xcode Previews populated with the necessary Environment mock data?
175
- ✅ Did I use `LazyVStack` appropriately for large scrolling datasets?
176
- ```
1
+ ---
2
+ name: swiftui-expert
3
+ description: SwiftUI development mastery. View architecture, state management (@State, @Binding, @Environment, @Observable), performance optimization (identifiable loops, implicit vs explicit animations), architectural patterns (MVVM vs TCA), and iOS-native UX paradigms. Use when writing native Apple platforms code.
4
+ allowed-tools: Read, Write, Edit, Glob, Grep
5
+ version: 2.0.0
6
+ last-updated: 2026-04-02
7
+ applies-to-model: gemini-2.5-pro, claude-3-7-sonnet
8
+ ---
9
+
10
+ ## Hallucination Traps (Read First)
11
+ - ❌ Using `@State` for shared data between views -> ✅ `@State` is local to a view; use `@Binding`, `@Environment`, or `@Observable` for sharing
12
+ - Putting heavy computation in the `body` property -> `body` is called on EVERY re-render; move computation to `.task {}` or `onChange`
13
+ - `List { ForEach(items) { ... } }` without `id:` parameter -> ✅ Always provide `id:` for `Identifiable` conformance or use `\.self`
14
+ - ❌ Using `NavigationView` -> ✅ Deprecated in iOS 16+; use `NavigationStack` or `NavigationSplitView`
15
+
16
+ ---
17
+
18
+
19
+ # SwiftUI Expert Native Apple Platforms Mastery
20
+
21
+ ---
22
+
23
+ ## 1. Modern State Management (iOS 17+ / Swift 5.9+)
24
+
25
+ Apple deprecated `@StateObject` and `@ObservedObject` in favor of the new `@Observable` macro.
26
+
27
+ ```swift
28
+ // ❌ OLD WAY (Pre-iOS 17)
29
+ class UserProfile: ObservableObject {
30
+ @Published var name: String = "Guest"
31
+ }
32
+ struct ProfileView: View {
33
+ @StateObject var profile = UserProfile()
34
+ // ...
35
+ }
36
+
37
+ // NEW WAY (iOS 17+ / @Observable)
38
+ import Observation
39
+
40
+ @Observable
41
+ class UserProfile {
42
+ var name: String = "Guest"
43
+ var age: Int = 0
44
+ // No @Published needed! Only properties that are actually read
45
+ // inside the body will trigger view updates.
46
+ }
47
+
48
+ struct ProfileView: View {
49
+ // Treat the reference type exactly like a value type!
50
+ @State private var profile = UserProfile()
51
+
52
+ var body: some View {
53
+ VStack {
54
+ TextField("Name", text: $profile.name)
55
+ Text("Hello, \(profile.name)")
56
+ }
57
+ }
58
+ }
59
+ ```
60
+
61
+ ### Property Data Flow Cheat Sheet
62
+ - `@State`: The view OWNS value (or reference if `@Observable`).
63
+ - `@Binding`: The view mutates a value OWNED by a parent.
64
+ - `@Environment`: The view reads value injected high up in the view hierarchy.
65
+ - `@Bindable`: Creates bindings from an `@Observable` model passed via parameters/environment.
66
+
67
+ ---
68
+
69
+ ## 2. View Architecture & Modifiers
70
+
71
+ SwiftUI Views should be impossibly small. Extract frequently.
72
+
73
+ ```swift
74
+ // ❌ BAD: Massive body with 10 layers of nesting
75
+ struct MassiveView: View {
76
+ var body: some View { ... }
77
+ }
78
+
79
+ // ✅ GOOD: Extract via properties, functions, or new View structs
80
+ struct CleanView: View {
81
+ var body: some View {
82
+ VStack {
83
+ headerSection
84
+ CustomScrollingList(items: data)
85
+ footerSection
86
+ }
87
+ }
88
+
89
+ private var headerSection: some View {
90
+ Text("Header").font(.headline)
91
+ }
92
+ }
93
+ ```
94
+
95
+ ### Modifier Ordering Matters
96
+ Modifiers wrap views sequentially. The order fundamentally changes the rendering.
97
+
98
+ ```swift
99
+ // Padding BEFORE Background
100
+ Text("Hello")
101
+ .padding()
102
+ .background(Color.blue)
103
+ // Result: A large blue box with text inside.
104
+
105
+ // Padding AFTER Background
106
+ Text("Hello")
107
+ .background(Color.blue)
108
+ .padding()
109
+ // Result: A tight blue box around text, surrounded by invisible spacing.
110
+ ```
111
+
112
+ ---
113
+
114
+ ## 3. Performance & Rendering
115
+
116
+ ```swift
117
+ // ❌ BAD: Using indices in ForEach
118
+ // If the array mutates (items injected/deleted), SwiftUI loses
119
+ // track of identity and re-renders EVERYTHING aggressively.
120
+ ForEach(0..<items.count, id: \.self) { index in
121
+ ItemRow(item: items[index])
122
+ }
123
+
124
+ // GOOD: Identifiable protocol
125
+ struct Item: Identifiable {
126
+ let id = UUID()
127
+ let title: String
128
+ }
129
+
130
+ ForEach(items) { item in
131
+ ItemRow(item: item)
132
+ }
133
+ ```
134
+
135
+ ### Avoiding Massive Layout Recalculations
136
+ Use `LazyVStack` and `LazyHStack` inside ScrollViews when presenting large lists, but NOT everywhere. Normal `VStack` is faster for < 20 items because it pre-calculates boundaries instantly.
137
+
138
+ ---
139
+
140
+ ## 4. MVVM vs Context-Driven Architecture
141
+
142
+ While MVVM is historically popular, SwiftUI natively represents View-as-a-function-of-State.
143
+
144
+ ```swift
145
+ // ✅ Context-Driven / Feature-Driven
146
+ // The Model handles data fetching/logic.
147
+ // The View creates its own local @State and passes @Bindings down.
148
+ // Only use full ViewModels for complex orchestration crossing multiple views.
149
+ ```
150
+
151
+ ---