start-vibing 2.0.13 → 2.0.14
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/package.json
CHANGED
|
@@ -33,17 +33,20 @@ You analyze requests and route them to the correct specialized agent.
|
|
|
33
33
|
|
|
34
34
|
### By File Type
|
|
35
35
|
|
|
36
|
-
| File Pattern | Agents
|
|
37
|
-
| --------------------------- |
|
|
38
|
-
| `*.
|
|
39
|
-
| `*.
|
|
40
|
-
| `*.
|
|
41
|
-
| `
|
|
42
|
-
| `
|
|
43
|
-
|
|
|
44
|
-
|
|
|
45
|
-
| `
|
|
46
|
-
|
|
|
36
|
+
| File Pattern | Agents |
|
|
37
|
+
| --------------------------- | ------------------------------------------------- |
|
|
38
|
+
| `*.tsx`, `*.jsx` | **ui-mobile + ui-tablet + ui-desktop** (MANDATORY)|
|
|
39
|
+
| `*.ts` (not test) | ts-strict-checker, zod-validator |
|
|
40
|
+
| `*.spec.ts`, `*.test.ts` | tester-unit, vitest-config |
|
|
41
|
+
| `*.e2e.ts` | playwright-e2e, playwright-fixtures |
|
|
42
|
+
| `Dockerfile*` | dockerfile-optimizer, docker-multi-stage |
|
|
43
|
+
| `docker-compose*.yml` | docker-compose-designer |
|
|
44
|
+
| `*schema*.ts`, `*model*.ts` | mongoose-schema-designer |
|
|
45
|
+
| `*.md` | documenter, readme-generator |
|
|
46
|
+
| `auth*.ts`, `session*.ts` | security-auditor, auth-session-validator |
|
|
47
|
+
| `*.json` (config) | deployment-validator |
|
|
48
|
+
|
|
49
|
+
> **CRITICAL:** ANY task touching `.tsx` or `.jsx` files MUST invoke UI agents in parallel.
|
|
47
50
|
|
|
48
51
|
### By Workflow Phase
|
|
49
52
|
|
|
@@ -112,3 +115,5 @@ If multiple routes are valid:
|
|
|
112
115
|
2. **CHECK FILE TYPES** - Files often indicate correct agent
|
|
113
116
|
3. **CONSIDER PHASE** - Where are we in the workflow?
|
|
114
117
|
4. **PARALLEL WHEN POSSIBLE** - Route to multiple if independent
|
|
118
|
+
5. **PLAN FIRST** - Use EnterPlanMode for non-trivial tasks before implementing
|
|
119
|
+
6. **JSX = UI AGENTS** - Any .tsx/.jsx file REQUIRES ui-mobile + ui-tablet + ui-desktop
|
|
@@ -89,6 +89,32 @@ const handleTouchMove = (e: TouchEvent) => {
|
|
|
89
89
|
};
|
|
90
90
|
```
|
|
91
91
|
|
|
92
|
+
## FORBIDDEN Patterns (Mobile)
|
|
93
|
+
|
|
94
|
+
| Pattern | Problem | Alternative |
|
|
95
|
+
|---------|---------|-------------|
|
|
96
|
+
| Cards in flex-col | Waste vertical space, poor scanning | Use compact lists or rows |
|
|
97
|
+
| Card grids | Too cramped, hard to tap | Full-width list items |
|
|
98
|
+
| Nested cards | Confusing hierarchy | Flat structure with dividers |
|
|
99
|
+
| Card carousels | Horizontal scroll issues | Vertical scrolling lists |
|
|
100
|
+
| Multiple CTAs per card | Touch target confusion | Single primary action |
|
|
101
|
+
|
|
102
|
+
### NO CARDS ON MOBILE
|
|
103
|
+
|
|
104
|
+
```tsx
|
|
105
|
+
// ❌ BAD - Cards in vertical layout waste space
|
|
106
|
+
<div className="flex flex-col gap-4">
|
|
107
|
+
<Card>...</Card>
|
|
108
|
+
<Card>...</Card>
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
// ✅ GOOD - Compact list items
|
|
112
|
+
<ul className="divide-y">
|
|
113
|
+
<li className="py-3 flex justify-between">...</li>
|
|
114
|
+
<li className="py-3 flex justify-between">...</li>
|
|
115
|
+
</ul>
|
|
116
|
+
```
|
|
117
|
+
|
|
92
118
|
## Critical Rules
|
|
93
119
|
|
|
94
120
|
1. **44px MINIMUM** - All touch targets
|
|
@@ -96,3 +122,4 @@ const handleTouchMove = (e: TouchEvent) => {
|
|
|
96
122
|
3. **NO HOVER STATES** - Touch doesn't hover
|
|
97
123
|
4. **FULL-WIDTH INPUTS** - Easy to tap
|
|
98
124
|
5. **NO HORIZONTAL SCROLL** - Ever
|
|
125
|
+
6. **NO CARDS** - Use lists/rows instead (cards waste space in flex-col)
|