dme-agent 7.4.1 → 9.69.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/README.md +62 -43
- package/assets/agent/AGENTS.md +471 -0
- package/assets/agent/DME-Agent-v7.4-SYSTEM.md +29 -98
- package/assets/agent/DME-Agent-v9.69-SYSTEM.md +208 -0
- package/assets/agent/PROMPT-COMPACT.md +24 -15
- package/assets/agent/dme-v7.4.md +12 -14
- package/assets/agent/dme-v9.69.md +43 -0
- package/assets/manifesto/DME-Agent-v9.69.md +514 -0
- package/assets/references/icon-doctrine.md +122 -0
- package/assets/references/motion-bible.md +262 -0
- package/assets/references/palette-intake.md +159 -0
- package/assets/skills/dme-app-shell/SKILL.md +19 -0
- package/assets/skills/dme-critique/SKILL.md +105 -6
- package/assets/skills/dme-dashboard/SKILL.md +108 -35
- package/assets/skills/dme-design/SKILL.md +138 -11
- package/assets/skills/dme-icons/SKILL.md +21 -0
- package/assets/skills/dme-landing/SKILL.md +98 -23
- package/assets/skills/dme-motion/SKILL.md +19 -0
- package/assets/skills/dme-research/SKILL.md +134 -6
- package/assets/skills/dme-shadcn/SKILL.md +128 -6
- package/assets/skills/dme-ux/SKILL.md +110 -27
- package/assets/skills/dme-welcome/SKILL.md +20 -0
- package/bin/dme.mjs +166 -55
- package/package.json +9 -4
- package/src/detect.mjs +260 -0
- package/src/install.mjs +406 -177
- package/src/postinstall-hint.mjs +4 -3
- package/src/targets.mjs +39 -13
- package/src/tui.mjs +352 -0
- package/src/ui.mjs +139 -52
|
@@ -1,56 +1,129 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: dme-dashboard
|
|
3
3
|
description: >
|
|
4
|
-
|
|
5
|
-
tables/queues,
|
|
6
|
-
|
|
4
|
+
DME 9.69 peaceful dense operational dashboards: gray palette, work object first,
|
|
5
|
+
metric strip, tables/queues, soft motion. Triggers: /dme-dashboard, dashboard,
|
|
6
|
+
admin panel, backoffice, ops UI, command center, metrics table, work queue.
|
|
7
7
|
---
|
|
8
8
|
|
|
9
|
-
# DME Dashboard —
|
|
9
|
+
# DME Dashboard 9.69 — Peaceful Dense Ops
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
**Work surface, not poster.** Someone decides something in 10 seconds.
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
2. Work object? (orders, students, tickets…)
|
|
15
|
-
3. 10-second decision?
|
|
16
|
-
4. Top 3 actions?
|
|
13
|
+
## Intake (if not locked)
|
|
17
14
|
|
|
18
|
-
|
|
15
|
+
1. **Work object** — orders, tickets, students, invoices…
|
|
16
|
+
2. **Who decides what** — role + primary action
|
|
17
|
+
3. **Platform** — web calm vs app rich
|
|
18
|
+
4. **Palette** — default **peace gray/white** unless brand given
|
|
19
|
+
|
|
20
|
+
## Shell (always)
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
sidebar
|
|
24
|
+
· search / filters / primary CTA
|
|
25
|
+
· status strip (optional: live, sync, env)
|
|
26
|
+
· metric strip (numbers only)
|
|
27
|
+
· table | queue | list
|
|
28
|
+
· detail Sheet | Dialog
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
shadcn: `sidebar` `table` `badge` `tabs` `sheet` `dialog` `select` `command` `skeleton` `pagination` `progress` `dropdown-menu` · Card **thin** for KPIs only if needed.
|
|
32
|
+
|
|
33
|
+
## Metric strip
|
|
19
34
|
|
|
20
35
|
```
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
metric strip: 3–5 BIG numbers, labels 1–3 words, NO paragraphs
|
|
24
|
-
main: table or queue of the work object
|
|
25
|
-
detail: Sheet/Dialog on row click
|
|
36
|
+
[ 128 ] [ 14 ] [ 3.2% ]
|
|
37
|
+
Pedidos Fila Falha
|
|
26
38
|
```
|
|
27
39
|
|
|
28
|
-
|
|
40
|
+
- Big number + **1–3 word** label
|
|
41
|
+
- Optional delta: `+12%` muted
|
|
42
|
+
- **No paragraphs under KPIs**
|
|
43
|
+
- Prefer bare grid over Card walls
|
|
44
|
+
- Icons: almost never (see `/dme-icons`)
|
|
45
|
+
|
|
46
|
+
## Table / queue (protagonist)
|
|
47
|
+
|
|
48
|
+
- Default sort = what ops need now (priority, SLA, newest)
|
|
49
|
+
- Row click → `Sheet` detail (don’t force full page unless deep edit)
|
|
50
|
+
- Filters: Select + search; advanced behind “Mais filtros”
|
|
51
|
+
- Bulk actions: visible only when rows selected
|
|
52
|
+
- Pagination or virtualize — don’t dump 500 DOM rows casually
|
|
53
|
+
|
|
54
|
+
### Columns
|
|
55
|
+
|
|
56
|
+
Identity · Status (Badge) · Critical date/number · Owner · Actions (DropdownMenu)
|
|
57
|
+
|
|
58
|
+
## Status strip
|
|
59
|
+
|
|
60
|
+
Soft, scannable: `● Sincronizado` · `12 online` · env badge. Not a second dashboard.
|
|
29
61
|
|
|
30
|
-
|
|
31
|
-
|---|---|
|
|
32
|
-
| Operational Index | default product home |
|
|
33
|
-
| Command Center | live ops / jobs / day-of |
|
|
34
|
-
| Human Overview | business owner “today” |
|
|
35
|
-
| Dense Analytics | many numbers, Tufte-clean |
|
|
36
|
-
| Inbox / Queue | items needing human action |
|
|
62
|
+
## Patterns (pick one)
|
|
37
63
|
|
|
38
|
-
|
|
64
|
+
| Pattern | When |
|
|
65
|
+
|---------|------|
|
|
66
|
+
| **Operational Index** | browse + act on many records |
|
|
67
|
+
| **Command Center** | few KPIs + live queue + attention items |
|
|
68
|
+
| **Human Overview** | people/schedule first, light metrics |
|
|
69
|
+
| **Dense Analytics** | tables + tight numbers; charts rare |
|
|
70
|
+
| **Inbox/Queue** | process items top-down; keyboard friendly |
|
|
39
71
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
-
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
72
|
+
## Peace aesthetic
|
|
73
|
+
|
|
74
|
+
- Gray/zinc surfaces, white raise, hairline borders
|
|
75
|
+
- One accent for primary CTA / critical badge
|
|
76
|
+
- Density via **8/12/16 spacing**, not smaller unreadable type
|
|
77
|
+
- Dark option: `#09090b` / `#18181b`
|
|
78
|
+
|
|
79
|
+
## Motion (dashboard = calm)
|
|
80
|
+
|
|
81
|
+
- Page: optional 150–200ms fade
|
|
82
|
+
- Rows: no enter carnival
|
|
83
|
+
- Sheet: 250–280ms peace-out
|
|
84
|
+
- Skeleton pulse soft; respect reduced motion
|
|
85
|
+
- App shell may add light route transition — content stays quiet
|
|
86
|
+
|
|
87
|
+
See `/dme-motion`.
|
|
88
|
+
|
|
89
|
+
## States
|
|
90
|
+
|
|
91
|
+
| State | UI |
|
|
92
|
+
|-------|-----|
|
|
93
|
+
| **Empty** | title + 1 line + one CTA (`Criar pedido`) |
|
|
94
|
+
| **Loading** | Skeleton matching table/metrics geometry |
|
|
95
|
+
| **Error** | what failed + retry — never stack trace |
|
|
96
|
+
| **Success** | Sonner 1 line |
|
|
97
|
+
| **Offline** | status strip + disable mutating actions |
|
|
49
98
|
|
|
50
99
|
## Copy
|
|
51
100
|
|
|
52
|
-
|
|
101
|
+
- No “Welcome to your dashboard!” inside logged-in apps
|
|
102
|
+
- Buttons = verbs: `Aprovar`, `Atribuir`, `Exportar`
|
|
103
|
+
- Filters labeled in human language
|
|
104
|
+
|
|
105
|
+
## Hard bans
|
|
106
|
+
|
|
107
|
+
- Six donut charts
|
|
108
|
+
- Feature-card grid as “home”
|
|
109
|
+
- AI purple glow, mesh background
|
|
110
|
+
- KPI essays
|
|
111
|
+
- Tour of 12 tooltips
|
|
112
|
+
- Reinvented table/sidebar
|
|
53
113
|
|
|
54
114
|
## Deliver
|
|
55
115
|
|
|
56
|
-
Brief
|
|
116
|
+
1. Brief: work object · role · platform · anchor **vercel-dens** default
|
|
117
|
+
2. Code: shell + metrics + table + sheet + states
|
|
118
|
+
3. Subtract: kill ornament, keep decisions
|
|
119
|
+
|
|
120
|
+
### Checklist
|
|
121
|
+
|
|
122
|
+
- [ ] Work object obvious in 10s
|
|
123
|
+
- [ ] Metrics are numbers not stories
|
|
124
|
+
- [ ] Table/queue is the hero
|
|
125
|
+
- [ ] Peace gray + soft motion
|
|
126
|
+
- [ ] Empty/error real
|
|
127
|
+
- [ ] shadcn composed
|
|
128
|
+
|
|
129
|
+
**Decide. Don’t decorate.**
|
|
@@ -1,18 +1,145 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: dme-design
|
|
3
3
|
description: >
|
|
4
|
-
DME
|
|
5
|
-
|
|
4
|
+
DME 9.69 Absolute Front-End master design workflow. Session intake first
|
|
5
|
+
(palette, platform, mood), then structure, shadcn, motion, icons, peace aesthetic.
|
|
6
|
+
Triggers: /dme-design, DME design, neominimal, design UI, make it premium,
|
|
7
|
+
absolute front-end, peace UI, gray palette, product surface design.
|
|
6
8
|
---
|
|
7
9
|
|
|
8
|
-
# DME Design
|
|
10
|
+
# DME Design 9.69 — Absolute Front-End
|
|
9
11
|
|
|
10
|
-
|
|
11
|
-
2. Anchor: vercel-dens | apple-editorial | fumadocs
|
|
12
|
-
3. Protagonist of first viewport
|
|
13
|
-
4. shadcn map → install → tokens
|
|
14
|
-
5. Short copy; cards only if lean
|
|
15
|
-
6. Empty/loading/error states
|
|
16
|
-
7. Deliver: brief → code → subtraction
|
|
12
|
+
Master workflow. Run this before painting pixels. Design is intake → structure → compose → subtract.
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
## 0. Session intake (mandatory unless already answered)
|
|
15
|
+
|
|
16
|
+
Ask **early**, not mid-build. One short block; do not interview forever.
|
|
17
|
+
|
|
18
|
+
| # | Question | Default if silent |
|
|
19
|
+
|---|----------|-------------------|
|
|
20
|
+
| 1 | **Platform?** `web` · `app` (Electron/Tauri/desktop) · `both` | `web` |
|
|
21
|
+
| 2 | **Palette?** brand hexes / “peace gray” / dark or light | **Peace:** gray/white, zinc neutrals, one accent max |
|
|
22
|
+
| 3 | **Mood?** calm ops · editorial · playful soft · dense tool | calm ops |
|
|
23
|
+
| 4 | **Audience?** non-dev humans default | non-dev |
|
|
24
|
+
| 5 | **Work object?** (orders, files, chats…) or landing goal | required for dashboards |
|
|
25
|
+
| 6 | **Motion budget?** web-calm · app-rich · minimal | web-calm on web, app-rich on desktop |
|
|
26
|
+
|
|
27
|
+
If he already gave colors/platform, **skip re-asking**. Lock tokens and go.
|
|
28
|
+
|
|
29
|
+
### Peace default (9.69)
|
|
30
|
+
|
|
31
|
+
```
|
|
32
|
+
bg: #fafafa / #ffffff (light) · #09090b (dark)
|
|
33
|
+
raise: #ffffff / #f4f4f5 · #18181b
|
|
34
|
+
border: zinc-200 / zinc-800
|
|
35
|
+
text: zinc-900 / zinc-100
|
|
36
|
+
muted: zinc-500
|
|
37
|
+
accent: one only — brand OR #0065F2 (light CTA) OR #FFDE21 (dark)
|
|
38
|
+
radius: ≤ 8px
|
|
39
|
+
shadow: overlays only
|
|
40
|
+
type: Montserrat · Playfair Display (editorial) · JetBrains Mono (data)
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
**90% neutrals / 10% accent.** Hierarchy: size → weight → space → color.
|
|
44
|
+
|
|
45
|
+
## 1. Decision brief (≤10 lines before code)
|
|
46
|
+
|
|
47
|
+
```
|
|
48
|
+
Task:
|
|
49
|
+
Audience:
|
|
50
|
+
Platform: web | app
|
|
51
|
+
Anchor: vercel-dens | apple-editorial | fumadocs ← pick ONE
|
|
52
|
+
Protagonist (first viewport):
|
|
53
|
+
Palette lock:
|
|
54
|
+
shadcn list:
|
|
55
|
+
Motion density: calm | rich
|
|
56
|
+
Icon policy: sparse | nav+status
|
|
57
|
+
Card policy: lean / none
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
## 2. Structure before components
|
|
61
|
+
|
|
62
|
+
1. **One protagonist** per viewport — what the eye should hit first.
|
|
63
|
+
2. **Information order:** primary action → status → data → chrome.
|
|
64
|
+
3. **Shell pattern:**
|
|
65
|
+
- Web marketing → landing modules (`/dme-landing`)
|
|
66
|
+
- Web product → sidebar + work surface (`/dme-dashboard`)
|
|
67
|
+
- Desktop → titlebar-aware shell (`/dme-app-shell`)
|
|
68
|
+
4. **States planned up front:** empty · loading · success · error · offline.
|
|
69
|
+
|
|
70
|
+
## 3. Compose stack (never reinvent)
|
|
71
|
+
|
|
72
|
+
| Layer | Tool |
|
|
73
|
+
|-------|------|
|
|
74
|
+
| Primitives | **shadcn/ui** — Button, Input, Dialog, Table, Tabs, Sidebar, Sheet, Select, Form, Badge, Separator, Progress, Tooltip, Sonner, Accordion, Card, Command, DropdownMenu, Pagination, Skeleton |
|
|
75
|
+
| Motion | **framer-motion** + CSS keyframes — see `/dme-motion` |
|
|
76
|
+
| Icons | **lucide-react** — see `/dme-icons` |
|
|
77
|
+
| Layout | Tailwind; density via spacing scale, not decoration |
|
|
78
|
+
|
|
79
|
+
Install → map → compose. Hand-rolled Button/Dialog/Table = fail.
|
|
80
|
+
|
|
81
|
+
## 4. Copy & cards
|
|
82
|
+
|
|
83
|
+
- Hero lead = **1 sentence**
|
|
84
|
+
- Card body ≤ **1–2 lines**
|
|
85
|
+
- Field label ≤ 3 words · toast 1 line · modal 2–3 lines
|
|
86
|
+
- Cards only when they earn space: entity · plan · KPI number · media+meta
|
|
87
|
+
- Text-only box → `divide-y` list or table instead
|
|
88
|
+
|
|
89
|
+
### Banned AI copy
|
|
90
|
+
|
|
91
|
+
seamless · next-gen · powerful · revolutionary · unlock · supercharge · elevate · cutting-edge · robust · your journey · empower · all-in-one · delve · in today’s world
|
|
92
|
+
|
|
93
|
+
## 5. Platform motion rule
|
|
94
|
+
|
|
95
|
+
| Platform | Motion |
|
|
96
|
+
|----------|--------|
|
|
97
|
+
| **Web** | Restrained: 120–250ms, opacity/y small, functional only |
|
|
98
|
+
| **App** | Richer: springs, welcome staggers, route transitions — still peaceful, not carnival |
|
|
99
|
+
|
|
100
|
+
Always honor `prefers-reduced-motion`. Details in `/dme-motion`.
|
|
101
|
+
|
|
102
|
+
## 6. Aesthetic: peace, not carnival
|
|
103
|
+
|
|
104
|
+
**Do:** quiet gray surfaces, crisp type, soft separators, one accent hit, readable density.
|
|
105
|
+
**Don’t:** blobs, mesh gradients, neon glow, particle noise, 6 icon feature cards with essays, typing loops, autoplay chaos.
|
|
106
|
+
|
|
107
|
+
Anchors (one primary):
|
|
108
|
+
|
|
109
|
+
- **Vercel dens** — operational, tight, mono accents for data
|
|
110
|
+
- **Apple editorial** — type-led, space as luxury, few elements
|
|
111
|
+
- **Fumadocs** — doc-calm, clear nav, content first
|
|
112
|
+
|
|
113
|
+
## 7. Delivery format
|
|
114
|
+
|
|
115
|
+
1. **Brief** (intake answers locked)
|
|
116
|
+
2. **Working code** (React/Next + Tailwind + shadcn + motion + lucide as needed)
|
|
117
|
+
3. **Subtraction notes** — what you refused and why
|
|
118
|
+
|
|
119
|
+
### Exit checklist
|
|
120
|
+
|
|
121
|
+
- [ ] Palette + platform asked or inherited
|
|
122
|
+
- [ ] One protagonist, one anchor
|
|
123
|
+
- [ ] shadcn only for atoms
|
|
124
|
+
- [ ] Short copy, lean cards
|
|
125
|
+
- [ ] All five states considered
|
|
126
|
+
- [ ] Motion density matches platform
|
|
127
|
+
- [ ] Icons sparse and meaningful
|
|
128
|
+
- [ ] Subtracted once more
|
|
129
|
+
|
|
130
|
+
If it smells like generic AI SaaS → **redo**.
|
|
131
|
+
|
|
132
|
+
## Skill routing
|
|
133
|
+
|
|
134
|
+
| Need | Skill |
|
|
135
|
+
|------|-------|
|
|
136
|
+
| Primitives | `/dme-shadcn` |
|
|
137
|
+
| Motion bible | `/dme-motion` |
|
|
138
|
+
| Icons | `/dme-icons` |
|
|
139
|
+
| Ops UI | `/dme-dashboard` |
|
|
140
|
+
| Marketing | `/dme-landing` |
|
|
141
|
+
| Desktop shell | `/dme-app-shell` |
|
|
142
|
+
| Human UX / microcopy | `/dme-ux` |
|
|
143
|
+
| Onboarding craft | `/dme-welcome` |
|
|
144
|
+
| Research | `/dme-research` |
|
|
145
|
+
| Scorecard | `/dme-critique` |
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dme-icons
|
|
3
|
+
description: >
|
|
4
|
+
DME 9.69 icon strategy. Lucide stroke family; sparse vs system-rail.
|
|
5
|
+
Triggers: /dme-icons, icon system, sidebar icons, lucide, toolbar.
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# DME Icons 9.69
|
|
9
|
+
|
|
10
|
+
1. One stroke family (Lucide default 1.5–2px)
|
|
11
|
+
2. Size: **16/20px** dense UI · **24px** empty/hero only
|
|
12
|
+
3. Strategies:
|
|
13
|
+
- **none** — landings/editorial (type carries hierarchy)
|
|
14
|
+
- **sparse-functional** — action icons only
|
|
15
|
+
- **system-rail** — nav rail + toolbar, labels on expand
|
|
16
|
+
- **onboarding** — 1–3 step glyphs max
|
|
17
|
+
4. Icons label actions — never decorate paragraphs
|
|
18
|
+
5. No multicolor icon packs in product UI
|
|
19
|
+
6. Active = weight/bg, not rainbow recolor
|
|
20
|
+
|
|
21
|
+
Deliver: strategy pick → icon map for nav/actions → shadcn + lucide compose.
|
|
@@ -1,48 +1,123 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: dme-landing
|
|
3
3
|
description: >
|
|
4
|
-
|
|
5
|
-
Triggers: /dme-landing,
|
|
4
|
+
DME 9.69 web landings: one message, proof, steps, CTA, restrained motion,
|
|
5
|
+
short copy, conversion-focused peace aesthetic. Triggers: /dme-landing,
|
|
6
|
+
landing page, marketing page, homepage, hero, pricing page, waitlist, CTA.
|
|
6
7
|
---
|
|
7
8
|
|
|
8
|
-
# DME Landing —
|
|
9
|
+
# DME Landing 9.69 — Convert Quietly
|
|
9
10
|
|
|
10
|
-
|
|
11
|
+
**3s** what/who · **10s** trust · **30s** CTA.
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
Platform = **web** → motion **calm**. Peace gray/white default unless brand palette given.
|
|
13
14
|
|
|
14
|
-
##
|
|
15
|
+
## Intake
|
|
15
16
|
|
|
16
|
-
|
|
17
|
+
- One sentence offer
|
|
18
|
+
- Audience (non-dev default)
|
|
19
|
+
- Primary CTA verb
|
|
20
|
+
- Proof available? (logo, number, quote)
|
|
21
|
+
- Palette / dark-light
|
|
22
|
+
|
|
23
|
+
## Module order (compose, don’t invent sections)
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
nav
|
|
27
|
+
hero ← one message
|
|
28
|
+
proof ← logos | number | short quote
|
|
29
|
+
≤3 steps ← how it works
|
|
30
|
+
product demo ← screenshot / UI frame (real, not abstract blobs)
|
|
31
|
+
thin benefits ← list or 3 lean items max — not essay cards
|
|
32
|
+
quote | number
|
|
33
|
+
pricing ← if needed
|
|
34
|
+
FAQ ← Accordion
|
|
35
|
+
final CTA
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
Skip modules you can’t fill honestly. Empty proof > fake proof.
|
|
17
39
|
|
|
18
40
|
## Hero
|
|
19
41
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
42
|
+
```
|
|
43
|
+
eyebrow (optional, 2–4 words)
|
|
44
|
+
H1 — specific outcome, not slogan soup
|
|
45
|
+
lead — ONE sentence
|
|
46
|
+
[ Primary CTA ] [ Secondary ghost ]
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
- Lead max **one sentence**
|
|
50
|
+
- No hero icon grid
|
|
51
|
+
- No autoplay noise
|
|
52
|
+
- Product visual > abstract gradient mesh
|
|
53
|
+
|
|
54
|
+
## Copy caps
|
|
55
|
+
|
|
56
|
+
| Element | Max |
|
|
57
|
+
|---------|-----|
|
|
58
|
+
| Hero lead | 1 sentence |
|
|
59
|
+
| Step body | 1–2 lines |
|
|
60
|
+
| Benefit | 1–2 lines |
|
|
61
|
+
| FAQ answer | 2–4 lines |
|
|
62
|
+
| Button | real verb (`Começar`, `Ver preços`) |
|
|
63
|
+
|
|
64
|
+
### Banned
|
|
65
|
+
|
|
66
|
+
seamless · next-gen · powerful · revolutionary · unlock · supercharge · elevate · cutting-edge · robust · your journey · empower · all-in-one · delve · in today’s world
|
|
24
67
|
|
|
25
|
-
##
|
|
68
|
+
## Cards policy
|
|
26
69
|
|
|
27
|
-
|
|
70
|
+
- Pricing tiers: cards OK
|
|
71
|
+
- Steps: numbered list or lean cards ≤3
|
|
72
|
+
- **Banned:** 6 icon feature cards with paragraphs
|
|
28
73
|
|
|
29
|
-
|
|
74
|
+
If only text → `divide-y` or simple ol/ul.
|
|
30
75
|
|
|
31
|
-
|
|
76
|
+
## Motion (restrained)
|
|
32
77
|
|
|
33
|
-
|
|
78
|
+
- Hero: single fade-up 200–250ms ease peace-out
|
|
79
|
+
- Steps: short stagger 0.05–0.07, once in view
|
|
80
|
+
- No scroll-jacking, no parallax circus, no typing loops
|
|
81
|
+
- `prefers-reduced-motion` → opacity only
|
|
34
82
|
|
|
35
|
-
|
|
36
|
-
If cards: title ≤5 words + **one line body**. No 6 icon-card spam.
|
|
83
|
+
See `/dme-motion`.
|
|
37
84
|
|
|
38
|
-
##
|
|
85
|
+
## Visual
|
|
39
86
|
|
|
40
|
-
|
|
87
|
+
- Anchor pick one: **apple-editorial** (marketing) or **vercel-dens** (tool) or **fumadocs** (docs product)
|
|
88
|
+
- 90% neutrals / 10% accent
|
|
89
|
+
- Light CTA accent `#0065F2` or brand; dark accent `#FFDE21` if dark hero
|
|
90
|
+
- Radius ≤ 8px; shadows only on elevated UI chrome / mock
|
|
41
91
|
|
|
42
|
-
## shadcn
|
|
92
|
+
## shadcn map
|
|
43
93
|
|
|
44
|
-
|
|
94
|
+
`Button` `Accordion` (FAQ) `Badge` `Separator` · optional `NavigationMenu` · pricing with simple cards · `Sonner` if form
|
|
95
|
+
|
|
96
|
+
Forms: Label + Input + clear error. Waitlist = email + one button.
|
|
97
|
+
|
|
98
|
+
## Trust
|
|
99
|
+
|
|
100
|
+
- Real numbers over adjectives
|
|
101
|
+
- Logos muted single-color row
|
|
102
|
+
- Quote: name + role, short
|
|
103
|
+
|
|
104
|
+
## Final CTA
|
|
105
|
+
|
|
106
|
+
Repeat offer in one line + same primary verb. No new metaphor.
|
|
45
107
|
|
|
46
108
|
## Deliver
|
|
47
109
|
|
|
48
|
-
Brief
|
|
110
|
+
1. Brief: message · audience · CTA · anchor · card policy
|
|
111
|
+
2. Code: full page sections with states for form success/error
|
|
112
|
+
3. Subtract: kill feature spam, mesh, long paragraphs
|
|
113
|
+
|
|
114
|
+
### Checklist
|
|
115
|
+
|
|
116
|
+
- [ ] One hero message
|
|
117
|
+
- [ ] Proof present or section removed
|
|
118
|
+
- [ ] ≤3 steps
|
|
119
|
+
- [ ] Motion calm
|
|
120
|
+
- [ ] Copy under caps
|
|
121
|
+
- [ ] CTA obvious at 30s
|
|
122
|
+
|
|
123
|
+
**Clarity converts. Carnival confuses.**
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: dme-motion
|
|
3
|
+
description: >
|
|
4
|
+
DME 9.69 motion bible. Functional 120–250ms reveal/stagger only.
|
|
5
|
+
Triggers: /dme-motion, framer, animate landing, entrance, reduced-motion.
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# DME Motion 9.69
|
|
9
|
+
|
|
10
|
+
1. Default density: **functional** (not expressive carnival)
|
|
11
|
+
2. Duration: **120–250ms**; stagger children **40–80ms**
|
|
12
|
+
3. Easing: ease-out / `cubic-bezier(0.22, 1, 0.36, 1)`
|
|
13
|
+
4. Landing: hero once (opacity + y 12→0); sections once-in-view
|
|
14
|
+
5. Dashboard: state feedback only; dialog/sheet 150ms
|
|
15
|
+
6. Onboarding: step crossfade ≤200ms; ≤3 steps
|
|
16
|
+
7. Always honor `prefers-reduced-motion`
|
|
17
|
+
8. Banned: particles, mesh morph loops, typing forever, bounce spam
|
|
18
|
+
|
|
19
|
+
Deliver: density label + recipe + CSS/Framer snippet → implement → subtract.
|
|
@@ -1,14 +1,142 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: dme-research
|
|
3
3
|
description: >
|
|
4
|
-
|
|
5
|
-
Triggers: /dme-research, design
|
|
4
|
+
DME 9.69 design research: competitive UI patterns, references, MCP-aware
|
|
5
|
+
gathering, peace/platform fit. Triggers: /dme-research, design research,
|
|
6
|
+
UI references, competitive audit, pattern research, inspire design, benchmarks.
|
|
6
7
|
---
|
|
7
8
|
|
|
8
|
-
# DME Research
|
|
9
|
+
# DME Research 9.69 — Look Before You Paint
|
|
9
10
|
|
|
10
|
-
|
|
11
|
+
Research feeds decisions; it does not replace taste. Output must be **actionable for build**, not a moodboard essay.
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
## When to run
|
|
13
14
|
|
|
14
|
-
|
|
15
|
+
- New product surface / rebrand
|
|
16
|
+
- He asks for references, competitors, “how does X do it”
|
|
17
|
+
- Before large dashboard/landing/app-shell bets
|
|
18
|
+
- Critique needs benchmarks
|
|
19
|
+
|
|
20
|
+
## Intake
|
|
21
|
+
|
|
22
|
+
1. **Question** — what decision will this research unlock?
|
|
23
|
+
2. **Platform** — web · app · both
|
|
24
|
+
3. **Category** — ops dashboard · marketing · desktop utility · onboarding…
|
|
25
|
+
4. **Constraints** — peace gray, shadcn, short copy, brand palette if any
|
|
26
|
+
|
|
27
|
+
## Sources (MCP-aware)
|
|
28
|
+
|
|
29
|
+
Use tools available in environment — do not fake visits:
|
|
30
|
+
|
|
31
|
+
| Need | Prefer |
|
|
32
|
+
|------|--------|
|
|
33
|
+
| Live pages | browser / web fetch / open page MCP |
|
|
34
|
+
| Social/UI chatter | X search if relevant |
|
|
35
|
+
| General landscape | web search |
|
|
36
|
+
| Repo patterns | codebase grep / read |
|
|
37
|
+
| Design systems | official docs (shadcn, Radix, platform HIG) |
|
|
38
|
+
|
|
39
|
+
**Cite real URLs** when reporting. If a tool fails, say so and continue with what you have.
|
|
40
|
+
|
|
41
|
+
### Target reference classes
|
|
42
|
+
|
|
43
|
+
- **Vercel dens** — dashboard density, marketing restraint
|
|
44
|
+
- **Apple editorial** — HIG spacing, marketing typography
|
|
45
|
+
- **Fumadocs / Linear / Notion-ish calm** — nav + content peace
|
|
46
|
+
- **Category leaders** — 2–4 direct competitors max
|
|
47
|
+
|
|
48
|
+
## Protocol
|
|
49
|
+
|
|
50
|
+
### 1. Frame
|
|
51
|
+
|
|
52
|
+
```
|
|
53
|
+
Decision:
|
|
54
|
+
Success looks like:
|
|
55
|
+
Out of scope:
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
### 2. Gather (timebox)
|
|
59
|
+
|
|
60
|
+
- 3–7 references max (depth > 20 tabs)
|
|
61
|
+
- For each: capture **structure**, not aesthetics only
|
|
62
|
+
|
|
63
|
+
### 3. Extract pattern cards
|
|
64
|
+
|
|
65
|
+
Per reference:
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
Name / URL
|
|
69
|
+
Platform
|
|
70
|
+
Protagonist of first viewport
|
|
71
|
+
Shell structure
|
|
72
|
+
Density (sparse | medium | dense)
|
|
73
|
+
Motion (none | calm | rich)
|
|
74
|
+
Icon policy
|
|
75
|
+
Card usage
|
|
76
|
+
What to steal
|
|
77
|
+
What to refuse
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### 4. Synthesize for DME 9.69
|
|
81
|
+
|
|
82
|
+
Map findings onto doctrine:
|
|
83
|
+
|
|
84
|
+
| Doctrine | Research ask |
|
|
85
|
+
|----------|----------------|
|
|
86
|
+
| Peace gray | Do they use neutral calm or carnival? |
|
|
87
|
+
| Platform motion | Web calm vs app rich evidence |
|
|
88
|
+
| shadcn-shaped | Could this be composed with shadcn? |
|
|
89
|
+
| Short copy | Word counts on hero/KPI |
|
|
90
|
+
| Cards | Lean entity vs feature spam |
|
|
91
|
+
| Icons | Smart vs spam |
|
|
92
|
+
|
|
93
|
+
### 5. Recommendation
|
|
94
|
+
|
|
95
|
+
```
|
|
96
|
+
Anchor: vercel-dens | apple-editorial | fumadocs
|
|
97
|
+
Shell:
|
|
98
|
+
Palette direction:
|
|
99
|
+
Motion density:
|
|
100
|
+
Icon density:
|
|
101
|
+
Do:
|
|
102
|
+
Don't:
|
|
103
|
+
Open questions for him:
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
## Output format (always)
|
|
107
|
+
|
|
108
|
+
1. **Decision frame** (3 lines)
|
|
109
|
+
2. **Reference table** (name · steal · refuse)
|
|
110
|
+
3. **Pattern verdict** (one protagonist structure)
|
|
111
|
+
4. **Build implications** (shadcn list, motion, icons)
|
|
112
|
+
5. **Risks** (a11y, density, scope creep)
|
|
113
|
+
|
|
114
|
+
Keep it scannable. No “in today’s competitive landscape” fluff.
|
|
115
|
+
|
|
116
|
+
## Anti-patterns
|
|
117
|
+
|
|
118
|
+
- 2000-word essays with no build implication
|
|
119
|
+
- Copying competitor purple-glow AI look
|
|
120
|
+
- Research as procrastination (timebox)
|
|
121
|
+
- Inventing quotes/screenshots not seen
|
|
122
|
+
|
|
123
|
+
## Hand-off
|
|
124
|
+
|
|
125
|
+
| Next | Skill |
|
|
126
|
+
|------|-------|
|
|
127
|
+
| Implement product UI | `/dme-design` |
|
|
128
|
+
| Dashboard | `/dme-dashboard` |
|
|
129
|
+
| Landing | `/dme-landing` |
|
|
130
|
+
| Desktop | `/dme-app-shell` |
|
|
131
|
+
| Score after | `/dme-critique` |
|
|
132
|
+
|
|
133
|
+
## Checklist
|
|
134
|
+
|
|
135
|
+
- [ ] Decision named
|
|
136
|
+
- [ ] Real sources / MCP used when available
|
|
137
|
+
- [ ] ≤7 references, deep
|
|
138
|
+
- [ ] Steal/refuse explicit
|
|
139
|
+
- [ ] Mapped to 9.69 peace + platform
|
|
140
|
+
- [ ] Build implications concrete
|
|
141
|
+
|
|
142
|
+
**Research ends when the next commit is obvious.**
|