dme-agent 7.4.2 → 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.
@@ -1,56 +1,129 @@
1
1
  ---
2
2
  name: dme-dashboard
3
3
  description: >
4
- Build elite operational dashboards for human users. Work objects, metric strips,
5
- tables/queues, sheets, filters not decorative chart posters.
6
- Triggers: /dme-dashboard, dashboard, admin panel, analytics UI, backoffice, painel.
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 — Monster Mode
9
+ # DME Dashboard 9.69 Peaceful Dense Ops
10
10
 
11
- ## Ask (internally, then build)
11
+ **Work surface, not poster.** Someone decides something in 10 seconds.
12
12
 
13
- 1. Who uses this? (shop owner, teacher, support — not “engineer” by default)
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
- ## Shell
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
- sidebar | top: search · filters · primary CTA
22
- status strip (one line)
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
- ## Patterns
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
- | Pattern | Use |
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
- ## Rules
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
- - Metrics: number + short label + optional delta only
41
- - Table columns: identity · status · date · value · action
42
- - Badge for status (`Pago`, `Atrasado`, `Novo`)
43
- - Search if >8 rows
44
- - Empty = title + 1 line + CTA; Loading = Skeleton; Error = human + retry
45
- - No “Welcome to your dashboard” hero inside logged-in app
46
- - No 6 donut charts
47
- - Cards for entities on mobile OK; desktop prefers table/rows
48
- - shadcn: sidebar, table, badge, tabs, sheet, dialog, select, command, skeleton, pagination, progress, dropdown-menu, card (thin)
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
- Human language.Pedidos hoje” not “Order throughput ingest”.
101
+ - NoWelcome 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 (object, persona, pattern, shadcn) code what you refused.
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 7.4.1 full design workflow. UI, product surfaces, visual identity.
5
- Triggers: /dme-design, DME, neominimal, design UI, make it premium.
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 7.4.1
10
+ # DME Design 9.69 — Absolute Front-End
9
11
 
10
- 1. Audience: human non-dev unless told otherwise
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
- Hard bans: text walls, AI feature-card spam, reinvented primitives, vague marketing copy.
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
- Build dynamic high-conversion landing pages with functional motion and short copy.
5
- Triggers: /dme-landing, landing page, marketing page, homepage, launch page.
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 — Monster Mode
9
+ # DME Landing 9.69 Convert Quietly
9
10
 
10
- ## Job
11
+ **3s** what/who · **10s** trust · **30s** CTA.
11
12
 
12
- 3s what/who · 10s trust · 30s CTA.
13
+ Platform = **web** → motion **calm**. Peace gray/white default unless brand palette given.
13
14
 
14
- ## Modules (compose, don’t dump all)
15
+ ## Intake
15
16
 
16
- nav · **hero (one message)** · proof · ≤3 steps · product demo · thin benefits · social proof · pricing · FAQ · final CTA · footer
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
- - H1 concrete (6–10 words)
21
- - Lead: **one** human sentence
22
- - Primary CTA verb+object · secondary outline
23
- - One protagonist: type OR image OR product UI not all fighting
42
+ ```
43
+ eyebrow (optional, 2–4 words)
44
+ H1 specific outcome, not slogan soup
45
+ leadONE 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
- ## Dynamic (allowed)
68
+ ## Cards policy
26
69
 
27
- scroll reveal 180–250ms · list stagger 30–50ms · sticky mobile CTA · persona tabs · number count-up if meaningful
70
+ - Pricing tiers: cards OK
71
+ - Steps: numbered list or lean cards ≤3
72
+ - **Banned:** 6 icon feature cards with paragraphs
28
73
 
29
- ## Dynamic (banned)
74
+ If only text → `divide-y` or simple ol/ul.
30
75
 
31
- blobs · mesh carnival · neon particles · endless feature carousel · typing loop · noisy autoplay
76
+ ## Motion (restrained)
32
77
 
33
- ## Features
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
- Prefer numbered steps or `border-b` list.
36
- If cards: title ≤5 words + **one line body**. No 6 icon-card spam.
83
+ See `/dme-motion`.
37
84
 
38
- ## Anchors
85
+ ## Visual
39
86
 
40
- Apple editorial (consumer) · Fumadocs (docs/OSS) · Split tech (devtool)
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
- navigation-menu, button, badge, accordion, tabs, separator, sheet, dialog, avatar, card (lean)
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 (offer, audience, anchor, CTA) code subtraction (copy killed).
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
- Design research references (dashboards, landings, figma keywords, DNA).
5
- Triggers: /dme-research, design references, visual research, figma dashboard.
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
- If MCP `design-research` exists: design_search, design_images, design_dna, design_compare.
11
+ Research feeds decisions; it does not replace taste. Output must be **actionable for build**, not a moodboard essay.
11
12
 
12
- Else: use web search for references, extract DNA (density, type, color, structure), map to shadcn.
13
+ ## When to run
13
14
 
14
- Never pixel-copy. Output anchor + ≤6 DNA bullets + component list, then implement.
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.**