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.
- package/.agent/ARCHITECTURE.md +99 -99
- package/.agent/GEMINI.md +52 -52
- package/.agent/agents/accessibility-reviewer.md +187 -220
- package/.agent/agents/ai-code-reviewer.md +199 -233
- package/.agent/agents/backend-specialist.md +215 -238
- package/.agent/agents/code-archaeologist.md +161 -181
- package/.agent/agents/database-architect.md +184 -207
- package/.agent/agents/debugger.md +191 -218
- package/.agent/agents/dependency-reviewer.md +103 -136
- package/.agent/agents/devops-engineer.md +218 -238
- package/.agent/agents/documentation-writer.md +201 -221
- package/.agent/agents/explorer-agent.md +160 -180
- package/.agent/agents/frontend-reviewer.md +160 -194
- package/.agent/agents/frontend-specialist.md +248 -237
- package/.agent/agents/game-developer.md +48 -52
- package/.agent/agents/logic-reviewer.md +116 -149
- package/.agent/agents/mobile-developer.md +200 -223
- package/.agent/agents/mobile-reviewer.md +162 -195
- package/.agent/agents/orchestrator.md +181 -211
- package/.agent/agents/penetration-tester.md +157 -174
- package/.agent/agents/performance-optimizer.md +183 -203
- package/.agent/agents/performance-reviewer.md +178 -211
- package/.agent/agents/precedence-reviewer.md +213 -0
- package/.agent/agents/product-manager.md +142 -162
- package/.agent/agents/product-owner.md +6 -25
- package/.agent/agents/project-planner.md +142 -162
- package/.agent/agents/qa-automation-engineer.md +225 -242
- package/.agent/agents/security-auditor.md +174 -194
- package/.agent/agents/seo-specialist.md +193 -213
- package/.agent/agents/sql-reviewer.md +161 -194
- package/.agent/agents/supervisor-agent.md +184 -203
- package/.agent/agents/swarm-worker-contracts.md +17 -17
- package/.agent/agents/swarm-worker-registry.md +46 -46
- package/.agent/agents/test-coverage-reviewer.md +160 -193
- package/.agent/agents/test-engineer.md +0 -21
- package/.agent/agents/type-safety-reviewer.md +175 -208
- package/.agent/patterns/generator.md +9 -9
- package/.agent/patterns/inversion.md +12 -12
- package/.agent/patterns/pipeline.md +9 -9
- package/.agent/patterns/reviewer.md +13 -13
- package/.agent/patterns/tool-wrapper.md +9 -9
- package/.agent/rules/GEMINI.md +63 -63
- package/.agent/scripts/append_flow.js +72 -0
- package/.agent/scripts/case_law_manager.py +525 -0
- package/.agent/scripts/compress_skills.py +167 -0
- package/.agent/scripts/consolidate_skills.py +173 -0
- package/.agent/scripts/deep_compress.py +202 -0
- package/.agent/scripts/minify_context.py +80 -0
- package/.agent/scripts/security_scan.py +1 -1
- package/.agent/scripts/skill_evolution.py +563 -0
- package/.agent/scripts/strip_tribunal.py +41 -0
- package/.agent/skills/agent-organizer/SKILL.md +100 -126
- package/.agent/skills/agentic-patterns/SKILL.md +0 -70
- package/.agent/skills/ai-prompt-injection-defense/SKILL.md +134 -160
- package/.agent/skills/api-patterns/SKILL.md +123 -215
- package/.agent/skills/api-security-auditor/SKILL.md +143 -177
- package/.agent/skills/app-builder/SKILL.md +334 -50
- package/.agent/skills/app-builder/templates/SKILL.md +13 -15
- package/.agent/skills/app-builder/templates/astro-static/TEMPLATE.md +16 -16
- package/.agent/skills/app-builder/templates/chrome-extension/TEMPLATE.md +22 -22
- package/.agent/skills/app-builder/templates/cli-tool/TEMPLATE.md +18 -18
- package/.agent/skills/app-builder/templates/electron-desktop/TEMPLATE.md +20 -20
- package/.agent/skills/app-builder/templates/express-api/TEMPLATE.md +17 -17
- package/.agent/skills/app-builder/templates/flutter-app/TEMPLATE.md +18 -18
- package/.agent/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md +21 -21
- package/.agent/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +19 -19
- package/.agent/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +26 -26
- package/.agent/skills/app-builder/templates/nextjs-static/TEMPLATE.md +26 -26
- package/.agent/skills/app-builder/templates/nuxt-app/TEMPLATE.md +19 -19
- package/.agent/skills/app-builder/templates/python-fastapi/TEMPLATE.md +18 -18
- package/.agent/skills/app-builder/templates/react-native-app/TEMPLATE.md +20 -20
- package/.agent/skills/appflow-wireframe/SKILL.md +95 -121
- package/.agent/skills/architecture/SKILL.md +169 -331
- package/.agent/skills/authentication-best-practices/SKILL.md +139 -173
- package/.agent/skills/bash-linux/SKILL.md +129 -154
- package/.agent/skills/behavioral-modes/SKILL.md +8 -69
- package/.agent/skills/brainstorming/SKILL.md +436 -104
- package/.agent/skills/building-native-ui/SKILL.md +152 -174
- package/.agent/skills/clean-code/SKILL.md +331 -360
- package/.agent/skills/code-review-checklist/SKILL.md +0 -62
- package/.agent/skills/config-validator/SKILL.md +115 -141
- package/.agent/skills/csharp-developer/SKILL.md +468 -528
- package/.agent/skills/database-design/SKILL.md +104 -369
- package/.agent/skills/deployment-procedures/SKILL.md +119 -145
- package/.agent/skills/devops-engineer/SKILL.md +295 -332
- package/.agent/skills/devops-incident-responder/SKILL.md +87 -113
- package/.agent/skills/doc.md +5 -5
- package/.agent/skills/documentation-templates/SKILL.md +27 -63
- package/.agent/skills/edge-computing/SKILL.md +131 -157
- package/.agent/skills/extract-design-system/SKILL.md +108 -134
- package/.agent/skills/framer-motion-expert/SKILL.md +111 -855
- package/.agent/skills/frontend-design/SKILL.md +151 -499
- package/.agent/skills/game-design-expert/SKILL.md +79 -105
- package/.agent/skills/game-engineering-expert/SKILL.md +96 -122
- package/.agent/skills/geo-fundamentals/SKILL.md +97 -124
- package/.agent/skills/github-operations/SKILL.md +279 -314
- package/.agent/skills/gsap-expert/SKILL.md +119 -826
- package/.agent/skills/i18n-localization/SKILL.md +113 -138
- package/.agent/skills/intelligent-routing/SKILL.md +167 -127
- package/.agent/skills/lint-and-validate/SKILL.md +16 -52
- package/.agent/skills/llm-engineering/SKILL.md +344 -357
- package/.agent/skills/local-first/SKILL.md +128 -154
- package/.agent/skills/mcp-builder/SKILL.md +92 -118
- package/.agent/skills/mobile-design/SKILL.md +213 -219
- package/.agent/skills/motion-engineering/SKILL.md +184 -0
- package/.agent/skills/nextjs-react-expert/SKILL.md +99 -698
- package/.agent/skills/nodejs-best-practices/SKILL.md +498 -559
- package/.agent/skills/observability/SKILL.md +293 -330
- package/.agent/skills/parallel-agents/SKILL.md +96 -122
- package/.agent/skills/performance-profiling/SKILL.md +217 -254
- package/.agent/skills/plan-writing/SKILL.md +92 -118
- package/.agent/skills/platform-engineer/SKILL.md +97 -123
- package/.agent/skills/playwright-best-practices/SKILL.md +137 -162
- package/.agent/skills/powershell-windows/SKILL.md +112 -146
- package/.agent/skills/project-idioms/SKILL.md +87 -0
- package/.agent/skills/python-patterns/SKILL.md +15 -35
- package/.agent/skills/python-pro/SKILL.md +148 -754
- package/.agent/skills/react-specialist/SKILL.md +123 -827
- package/.agent/skills/readme-builder/SKILL.md +23 -85
- package/.agent/skills/realtime-patterns/SKILL.md +269 -304
- package/.agent/skills/red-team-tactics/SKILL.md +18 -51
- package/.agent/skills/rust-pro/SKILL.md +623 -701
- package/.agent/skills/seo-fundamentals/SKILL.md +129 -154
- package/.agent/skills/server-management/SKILL.md +164 -190
- package/.agent/skills/shadcn-ui-expert/SKILL.md +181 -206
- package/.agent/skills/skill-creator/SKILL.md +24 -56
- package/.agent/skills/sql-pro/SKILL.md +579 -633
- package/.agent/skills/supabase-postgres-best-practices/SKILL.md +35 -66
- package/.agent/skills/swiftui-expert/SKILL.md +151 -176
- package/.agent/skills/systematic-debugging/SKILL.md +92 -118
- package/.agent/skills/tailwind-patterns/SKILL.md +516 -576
- package/.agent/skills/tdd-workflow/SKILL.md +111 -137
- package/.agent/skills/test-result-analyzer/SKILL.md +33 -73
- package/.agent/skills/testing-patterns/SKILL.md +512 -573
- package/.agent/skills/trend-researcher/SKILL.md +30 -71
- package/.agent/skills/ui-ux-pro-max/SKILL.md +8 -41
- package/.agent/skills/ui-ux-researcher/SKILL.md +51 -91
- package/.agent/skills/vue-expert/SKILL.md +127 -866
- package/.agent/skills/vulnerability-scanner/SKILL.md +354 -269
- package/.agent/skills/web-accessibility-auditor/SKILL.md +168 -193
- package/.agent/skills/web-design-guidelines/SKILL.md +25 -61
- package/.agent/skills/webapp-testing/SKILL.md +119 -145
- package/.agent/skills/whimsy-injector/SKILL.md +58 -132
- package/.agent/skills/workflow-optimizer/SKILL.md +28 -68
- package/.agent/workflows/api-tester.md +151 -151
- package/.agent/workflows/audit.md +127 -138
- package/.agent/workflows/brainstorm.md +110 -110
- package/.agent/workflows/changelog.md +112 -112
- package/.agent/workflows/create.md +124 -124
- package/.agent/workflows/debug.md +165 -189
- package/.agent/workflows/deploy.md +180 -189
- package/.agent/workflows/enhance.md +128 -151
- package/.agent/workflows/fix.md +114 -135
- package/.agent/workflows/generate.md +13 -4
- package/.agent/workflows/migrate.md +160 -160
- package/.agent/workflows/orchestrate.md +168 -168
- package/.agent/workflows/performance-benchmarker.md +114 -123
- package/.agent/workflows/plan.md +173 -173
- package/.agent/workflows/preview.md +80 -80
- package/.agent/workflows/refactor.md +161 -183
- package/.agent/workflows/review-ai.md +101 -129
- package/.agent/workflows/review.md +116 -116
- package/.agent/workflows/session.md +94 -94
- package/.agent/workflows/status.md +79 -79
- package/.agent/workflows/strengthen-skills.md +138 -139
- package/.agent/workflows/swarm.md +179 -179
- package/.agent/workflows/test.md +189 -211
- package/.agent/workflows/tribunal-backend.md +94 -113
- package/.agent/workflows/tribunal-database.md +95 -115
- package/.agent/workflows/tribunal-frontend.md +96 -118
- package/.agent/workflows/tribunal-full.md +93 -133
- package/.agent/workflows/tribunal-mobile.md +95 -119
- package/.agent/workflows/tribunal-performance.md +110 -133
- package/.agent/workflows/ui-ux-pro-max.md +122 -143
- package/README.md +30 -1
- package/bin/tribunal-kit.js +175 -12
- package/package.json +25 -4
- package/.agent/skills/api-patterns/api-style.md +0 -42
- package/.agent/skills/api-patterns/auth.md +0 -24
- package/.agent/skills/api-patterns/documentation.md +0 -26
- package/.agent/skills/api-patterns/graphql.md +0 -41
- package/.agent/skills/api-patterns/rate-limiting.md +0 -31
- package/.agent/skills/api-patterns/response.md +0 -37
- package/.agent/skills/api-patterns/rest.md +0 -40
- package/.agent/skills/api-patterns/security-testing.md +0 -122
- package/.agent/skills/api-patterns/trpc.md +0 -41
- package/.agent/skills/api-patterns/versioning.md +0 -22
- package/.agent/skills/app-builder/agent-coordination.md +0 -71
- package/.agent/skills/app-builder/feature-building.md +0 -53
- package/.agent/skills/app-builder/project-detection.md +0 -34
- package/.agent/skills/app-builder/scaffolding.md +0 -118
- package/.agent/skills/app-builder/tech-stack.md +0 -40
- package/.agent/skills/architecture/context-discovery.md +0 -43
- package/.agent/skills/architecture/examples.md +0 -94
- package/.agent/skills/architecture/pattern-selection.md +0 -68
- package/.agent/skills/architecture/patterns-reference.md +0 -50
- package/.agent/skills/architecture/trade-off-analysis.md +0 -77
- package/.agent/skills/brainstorming/dynamic-questioning.md +0 -360
- package/.agent/skills/database-design/database-selection.md +0 -43
- package/.agent/skills/database-design/indexing.md +0 -39
- package/.agent/skills/database-design/migrations.md +0 -48
- package/.agent/skills/database-design/optimization.md +0 -36
- package/.agent/skills/database-design/orm-selection.md +0 -30
- package/.agent/skills/database-design/schema-design.md +0 -56
- package/.agent/skills/frontend-design/animation-guide.md +0 -331
- package/.agent/skills/frontend-design/color-system.md +0 -329
- package/.agent/skills/frontend-design/decision-trees.md +0 -418
- package/.agent/skills/frontend-design/motion-graphics.md +0 -306
- package/.agent/skills/frontend-design/typography-system.md +0 -363
- package/.agent/skills/frontend-design/ux-psychology.md +0 -1116
- package/.agent/skills/frontend-design/visual-effects.md +0 -383
- package/.agent/skills/intelligent-routing/router-manifest.md +0 -65
- package/.agent/skills/mobile-design/decision-trees.md +0 -516
- package/.agent/skills/mobile-design/mobile-backend.md +0 -491
- package/.agent/skills/mobile-design/mobile-color-system.md +0 -420
- package/.agent/skills/mobile-design/mobile-debugging.md +0 -122
- package/.agent/skills/mobile-design/mobile-design-thinking.md +0 -357
- package/.agent/skills/mobile-design/mobile-navigation.md +0 -458
- package/.agent/skills/mobile-design/mobile-performance.md +0 -767
- package/.agent/skills/mobile-design/mobile-testing.md +0 -356
- package/.agent/skills/mobile-design/mobile-typography.md +0 -433
- package/.agent/skills/mobile-design/platform-android.md +0 -666
- package/.agent/skills/mobile-design/platform-ios.md +0 -561
- package/.agent/skills/mobile-design/touch-psychology.md +0 -537
- package/.agent/skills/nextjs-react-expert/1-async-eliminating-waterfalls.md +0 -312
- package/.agent/skills/nextjs-react-expert/2-bundle-bundle-size-optimization.md +0 -240
- package/.agent/skills/nextjs-react-expert/3-server-server-side-performance.md +0 -490
- package/.agent/skills/nextjs-react-expert/4-client-client-side-data-fetching.md +0 -264
- package/.agent/skills/nextjs-react-expert/5-rerender-re-render-optimization.md +0 -581
- package/.agent/skills/nextjs-react-expert/6-rendering-rendering-performance.md +0 -432
- package/.agent/skills/nextjs-react-expert/7-js-javascript-performance.md +0 -684
- package/.agent/skills/nextjs-react-expert/8-advanced-advanced-patterns.md +0 -150
- 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
|
-
##
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
56
|
-
|
|
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
|
-
|
|
23
|
+
## Core Directives
|
|
59
24
|
|
|
60
|
-
1. **
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
@
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
// Padding
|
|
100
|
-
Text("Hello")
|
|
101
|
-
.
|
|
102
|
-
.
|
|
103
|
-
// Result: A
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
```
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
//
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
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
|
+
---
|