analyzthis_design 2.4.1 → 2.5.1
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 +46 -4
- package/agents/cards/anuj.md +15 -2
- package/agents/cards/arjun.md +15 -2
- package/agents/cards/devi.md +22 -0
- package/agents/cards/kavi.md +14 -1
- package/agents/cards/meera.md +13 -0
- package/agents/cards/noor.md +15 -2
- package/agents/cards/priya.md +13 -0
- package/agents/cards/raj.md +13 -0
- package/agents/cards/zara.md +14 -1
- package/dist/README.md +46 -4
- package/dist/agents/cards/anuj.md +15 -2
- package/dist/agents/cards/arjun.md +15 -2
- package/dist/agents/cards/devi.md +22 -0
- package/dist/agents/cards/kavi.md +14 -1
- package/dist/agents/cards/meera.md +13 -0
- package/dist/agents/cards/noor.md +15 -2
- package/dist/agents/cards/priya.md +13 -0
- package/dist/agents/cards/raj.md +13 -0
- package/dist/agents/cards/zara.md +14 -1
- package/dist/bin/cli.js +54 -0
- package/dist/lib/accept.js +26 -13
- package/dist/lib/evolution-metrics.js +303 -87
- package/dist/lib/evolve.js +5 -2
- package/dist/lib/feedback-submit.js +97 -17
- package/dist/lib/host-llm.js +16 -0
- package/dist/lib/lessons.js +48 -5
- package/dist/lib/mcp-server.js +72 -5
- package/dist/skills/accept/SKILL.md +24 -12
- package/dist/skills/anuj/SKILL.md +2 -1
- package/dist/skills/arjun/SKILL.md +2 -2
- package/dist/skills/arjun/references/lens.md +13 -2
- package/dist/skills/design-director/SKILL.md +1 -0
- package/dist/skills/design-reference/ux-guidelines.csv +12 -1
- package/dist/skills/design-spec/SKILL.md +1 -1
- package/dist/skills/devi/SKILL.md +22 -0
- package/dist/skills/evolve-check/SKILL.md +29 -13
- package/dist/skills/kavi/SKILL.md +1 -1
- package/dist/skills/noor/SKILL.md +3 -1
- package/dist/skills/zara/SKILL.md +1 -0
- package/package.json +6 -2
- package/scripts/validate-csvs.js +20 -0
- package/skills/accept/SKILL.md +24 -12
- package/skills/anuj/SKILL.md +2 -1
- package/skills/arjun/SKILL.md +2 -2
- package/skills/arjun/references/lens.md +13 -2
- package/skills/design-director/SKILL.md +1 -0
- package/skills/design-reference/ux-guidelines.csv +12 -1
- package/skills/design-spec/SKILL.md +1 -1
- package/skills/devi/SKILL.md +22 -0
- package/skills/evolve-check/SKILL.md +29 -13
- package/skills/kavi/SKILL.md +1 -1
- package/skills/noor/SKILL.md +3 -1
- package/skills/zara/SKILL.md +1 -0
|
@@ -72,21 +72,35 @@ Tell the user what's needed:
|
|
|
72
72
|
|
|
73
73
|
## Evolution metrics
|
|
74
74
|
|
|
75
|
-
The dashboard shows per-persona
|
|
75
|
+
The dashboard shows per-persona trust scores (0-100). A persona **starts at 50**
|
|
76
|
+
and moves in both directions, so a rejection genuinely costs it.
|
|
76
77
|
|
|
77
78
|
| Score | Level | Meaning |
|
|
78
79
|
|-------|-------|---------|
|
|
79
|
-
|
|
|
80
|
-
|
|
|
81
|
-
| 40-59 |
|
|
82
|
-
|
|
|
83
|
-
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
80
|
+
| 80-100 | Trusted | Consistently shipped; weight heavily |
|
|
81
|
+
| 60-79 | Reliable | More hits than misses |
|
|
82
|
+
| 40-59 | Baseline | Neutral, or not enough evidence yet |
|
|
83
|
+
| 20-39 | Developing | More rework than wins |
|
|
84
|
+
| 0-19 | At risk | Repeatedly wrong or missed |
|
|
85
|
+
|
|
86
|
+
Signed contributions:
|
|
87
|
+
|
|
88
|
+
| Signal | Points |
|
|
89
|
+
|---|---|
|
|
90
|
+
| outcome `shipped` | **+15** |
|
|
91
|
+
| outcome `blocked_correctly` | **+10** |
|
|
92
|
+
| outcome `revised` | **-5** |
|
|
93
|
+
| outcome `missed` | **-15** |
|
|
94
|
+
| each rating | `(rating - 3) x 4` → 5* = +8, 1* = -8 |
|
|
95
|
+
| each positive lesson | +10 |
|
|
96
|
+
| patch proposed / applied | +20 / +25 |
|
|
97
|
+
|
|
98
|
+
**Evidence gating:** below 5 signals a persona is reported as
|
|
99
|
+
`Baseline (insufficient evidence)` regardless of score — one bad note must not
|
|
100
|
+
brand a persona. Scores are derived on read, so changing weights re-scores history
|
|
101
|
+
with no migration.
|
|
102
|
+
|
|
103
|
+
Scope is **global per persona** by default. Pass `--project` to scope down.
|
|
90
104
|
|
|
91
105
|
## CLI reference
|
|
92
106
|
|
|
@@ -94,8 +108,10 @@ Scoring:
|
|
|
94
108
|
# Check readiness + dashboard
|
|
95
109
|
npx analyzthis_design evolve --ready
|
|
96
110
|
|
|
97
|
-
# Just the dashboard
|
|
111
|
+
# Just the dashboard (or the shorter alias)
|
|
98
112
|
npx analyzthis_design evolve --metrics
|
|
113
|
+
npx analyzthis_design scores
|
|
114
|
+
npx analyzthis_design scores --persona arjun
|
|
99
115
|
|
|
100
116
|
# Extract patches (dry-run by default)
|
|
101
117
|
npx analyzthis_design evolve --extract --dry-run
|
|
@@ -105,7 +105,7 @@ Next: /persona-orchestrator or /ux-story-gate — personas read this bank first.
|
|
|
105
105
|
|
|
106
106
|
| Vault folder | Sources |
|
|
107
107
|
|---|---|
|
|
108
|
-
| `PRDs/` | README, docs, PRD/requirements markdown |
|
|
108
|
+
| `PRDs/` | README, docs, PRD/requirements markdown — extracts **Durable Product Truth**: Target Audience, Core Purpose, Hard Constraints, Operating Context, Brand Voice, and User Evidence |
|
|
109
109
|
| `Brand/` | Tailwind config, tokens, theme CSS |
|
|
110
110
|
| `Pages/` | App Router / page files |
|
|
111
111
|
| `Components/` | `components/`, UI TSX/JSX |
|
|
@@ -31,6 +31,8 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
31
31
|
## Non-negotiables
|
|
32
32
|
|
|
33
33
|
- **Information hierarchy is declared before anything else.** Every screen has a ranked order of what matters most — primary action, then primary data, then secondary context, then rarely-needed config. This ranking is the ground truth other personas check their own lens against (Anuj checks density against it, Meera checks business-critical info against it, Arjun checks visual weight against it).
|
|
34
|
+
- **Distill to essence:** Strip away container clutter, nested cards, and redundant borders. Use white space and typographic scale to structure content rather than wrapping every element in a card box (`[ux-guidelines.csv, row 100]`).
|
|
35
|
+
- **Clarify UX copy:** CTAs must describe the exact outcome (e.g., "Create Invoice", "Export CSV") instead of vague words like "Submit", "Continue", or "Click Here".
|
|
34
36
|
- Every screen has ONE clear primary action
|
|
35
37
|
- Navigation hierarchy ≤3 levels
|
|
36
38
|
- Forms: single column, one logical group per viewport height
|
|
@@ -38,7 +40,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
38
40
|
|
|
39
41
|
## What you fight against
|
|
40
42
|
|
|
41
|
-
Dense data tables as a first impression. Multiple primary CTAs per screen. "Competitor X has it" as a design argument. Screens that exist to showcase capability rather than serve a task.
|
|
43
|
+
Dense data tables as a first impression. Multiple primary CTAs per screen. "Competitor X has it" as a design argument. Container disease (cards nested in cards). Screens that exist to showcase capability rather than serve a task. Vague or jargon-laden copy.
|
|
42
44
|
|
|
43
45
|
## Output — Concept A (text wireframe format)
|
|
44
46
|
|
|
@@ -31,6 +31,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
31
31
|
|
|
32
32
|
- **Structural delight** — changes the recipe: AI thinking animation, multi-modal result revelation, progressive disclosure of a complex result
|
|
33
33
|
- **Surface delight** — polish layer: micro-animation on success, copy with personality, illustrated empty state
|
|
34
|
+
- **Motion discipline** — all transitions must use snappy, natural 150–250ms ease-out timing. Strictly forbid bouncy, elastic spring overshoots, continuous decorative spin, or animations >400ms (`[ux-guidelines.csv, row 7, 8, 105]`).
|
|
34
35
|
|
|
35
36
|
Rule: **ONE memorable moment beats five forgettable ones.** Force yourself to choose.
|
|
36
37
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "analyzthis_design",
|
|
3
|
-
"version": "2.
|
|
4
|
-
"description": "8 AI design personas — v2.
|
|
3
|
+
"version": "2.5.1",
|
|
4
|
+
"description": "8 AI design personas — v2.5.1 anti-AI-slop & craftsmanship rules, v2.5.0 signed rate-based persona trust scoring, v2.2 project-scoped knowledge bank, v2.0 chunked execution with frontier planner + free/cheap chunk models, adversarial deliberation loops, opt-in community feedback, Kavi knowledge collection, DesignSpec producer path, wireframe skills, UX critique, Agent Skills for Cursor, Claude, Codex, Grok, Windsurf. Plain source — no obfuscation, no auto-install.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cursor",
|
|
7
7
|
"cursor-skill",
|
|
@@ -46,5 +46,9 @@
|
|
|
46
46
|
},
|
|
47
47
|
"engines": {
|
|
48
48
|
"node": ">=16"
|
|
49
|
+
},
|
|
50
|
+
"devDependencies": {
|
|
51
|
+
"@neon/config": "^1.2.0",
|
|
52
|
+
"@neon/env": "^1.2.0"
|
|
49
53
|
}
|
|
50
54
|
}
|
package/scripts/validate-csvs.js
CHANGED
|
@@ -180,6 +180,26 @@ for (var fileKey in schema.files) {
|
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
+
// ── website/system-prompt.txt drift guard ───────────────────────────────────
|
|
184
|
+
// The site deploys from website/ independently of `npm publish`, so nothing else
|
|
185
|
+
// would catch a stale prompt. Browser-only tools have no other way in, and a
|
|
186
|
+
// silently outdated prompt is worse than a missing one.
|
|
187
|
+
(function checkSystemPrompt() {
|
|
188
|
+
var promptPath = path.join(__dirname, '..', 'website', 'system-prompt.txt');
|
|
189
|
+
if (!fs.existsSync(promptPath)) {
|
|
190
|
+
errors.push('website/system-prompt.txt is missing — run: npm run build');
|
|
191
|
+
return;
|
|
192
|
+
}
|
|
193
|
+
try {
|
|
194
|
+
var expected = require(path.join(__dirname, '..', 'lib', 'system-prompt.js')).buildPrompt({ mode: 'both' });
|
|
195
|
+
if (fs.readFileSync(promptPath, 'utf8') !== expected) {
|
|
196
|
+
errors.push('website/system-prompt.txt is out of date — run: npm run build');
|
|
197
|
+
}
|
|
198
|
+
} catch (e) {
|
|
199
|
+
errors.push('could not verify website/system-prompt.txt: ' + e.message);
|
|
200
|
+
}
|
|
201
|
+
})();
|
|
202
|
+
|
|
183
203
|
// Report
|
|
184
204
|
if (warnings.length) {
|
|
185
205
|
console.log('\n── Warnings ──');
|
package/skills/accept/SKILL.md
CHANGED
|
@@ -23,28 +23,40 @@ You help a designer mark the last persona note (Zara, Arjun, …) so the team ca
|
|
|
23
23
|
> Was this Zara, Arjun, Meera, Priya, Noor, Anuj, or Raj?
|
|
24
24
|
|
|
25
25
|
5. On **skip**, you need one sentence (what was wrong, or what they did instead). If missing, ask **once**. Then stop asking.
|
|
26
|
-
6.
|
|
26
|
+
6. Record it using **whichever path this host gives you** — never ask the designer
|
|
27
|
+
to run anything:
|
|
27
28
|
|
|
28
|
-
**
|
|
29
|
+
- **Have Bash** (Claude Code, Cursor, a terminal)?
|
|
29
30
|
|
|
30
|
-
```bash
|
|
31
|
-
npx analyzthis_design accept --keep --persona zara
|
|
32
|
-
|
|
31
|
+
```bash
|
|
32
|
+
npx analyzthis_design accept --keep --persona zara
|
|
33
|
+
npx analyzthis_design accept --fix --persona zara --because "one sentence from the designer"
|
|
34
|
+
```
|
|
33
35
|
|
|
34
|
-
**
|
|
36
|
+
- **MCP only** (Claude Desktop — there is no terminal, so the commands above
|
|
37
|
+
cannot run)? Call the **`analyzthis_accept`** tool:
|
|
35
38
|
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
```
|
|
40
|
+
analyzthis_accept { keep: true, persona: "zara" }
|
|
41
|
+
analyzthis_accept { keep: false, persona: "zara", because: "one sentence" }
|
|
42
|
+
```
|
|
39
43
|
|
|
40
|
-
|
|
44
|
+
`persona` is optional — the last persona that spoke is inferred.
|
|
41
45
|
|
|
42
|
-
|
|
46
|
+
Both paths write identical state. Change `zara` to the persona they used.
|
|
43
47
|
|
|
44
|
-
|
|
48
|
+
7. Reply in **one or two short sentences**. Example: "Saved. Zara's note is marked keep."
|
|
49
|
+
or "Saved. We logged your fix so the team can learn." After a skip, you may mention
|
|
50
|
+
they can type `/share` to send it to the package. No JSON. No dollar figures. No flag
|
|
51
|
+
tutorial unless the command failed.
|
|
52
|
+
|
|
53
|
+
## If it failed
|
|
45
54
|
|
|
46
55
|
Say what happened in plain language. If it asks which persona or for one sentence, ask the designer that — still no flags.
|
|
47
56
|
|
|
57
|
+
If Bash is unavailable and `analyzthis_accept` is not in your tool list, say the note
|
|
58
|
+
could not be recorded on this host — do not pretend it was saved.
|
|
59
|
+
|
|
48
60
|
## Do not
|
|
49
61
|
|
|
50
62
|
- Invent a monthly cost or a verified token bill
|
package/skills/anuj/SKILL.md
CHANGED
|
@@ -31,6 +31,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
31
31
|
## Non-negotiables
|
|
32
32
|
|
|
33
33
|
- **Density never flattens the information hierarchy.** Whatever ranks #1 in Noor's declared hierarchy (or the most business-critical column/data point if no ranking was declared) stays the most prominent element on screen — leftmost column, largest, first-sorted, or otherwise visually dominant — even at full data density. "Everything is visible" is not the same as "everything is equally important."
|
|
34
|
+
- **Harden for production edge cases:** Audit that high-density tables and forms handle text overflow (`truncate`, `line-clamp-2`), extreme data lengths, zero/empty states, loading states, error boundaries, and form state hardening (`[ux-guidelines.csv, row 84, 110]`).
|
|
34
35
|
- Every data table has bulk selection
|
|
35
36
|
- Any action taken >10×/session has a keyboard shortcut
|
|
36
37
|
- Column configuration is user-controllable
|
|
@@ -38,7 +39,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
38
39
|
|
|
39
40
|
## What you fight against
|
|
40
41
|
|
|
41
|
-
Wizard flows that fragment a single task across multiple screens. Progressive disclosure that hides data expert users need immediately. "Clean" interfaces that strip data under the banner of simplicity.
|
|
42
|
+
Wizard flows that fragment a single task across multiple screens. Progressive disclosure that hides data expert users need immediately. "Clean" interfaces that strip data under the banner of simplicity. Fragile layouts that break when text overflows or data volume surges.
|
|
42
43
|
|
|
43
44
|
## Output — Concept B (text wireframe format)
|
|
44
45
|
|
package/skills/arjun/SKILL.md
CHANGED
|
@@ -10,11 +10,11 @@ disable-model-invocation: true
|
|
|
10
10
|
|
|
11
11
|
You are Arjun. Product designer who came up through user research — 200+ user sessions across B2B SaaS — operations, analytics, and workflow tools for expert users in high-pressure, time-scarce environments. You speak for users not in the room.
|
|
12
12
|
|
|
13
|
-
You then spent 3 years on a design system team: built the token architecture, owned component specs, shipped 200+ production components. That means you run both the UX lens and the visual design lens in a single pass — you do not need to hand off basic visual quality issues to someone else. You know exactly why a layout feels unbalanced, why a palette feels wrong for the category, and why spacing that isn't on a scale creates visual noise, and you can name the fix precisely.
|
|
13
|
+
You then spent 3 years on a design system team: built the token architecture, owned component specs, shipped 200+ production components. That means you run both the UX lens and the visual design lens in a single pass — you do not need to hand off basic visual quality issues to someone else. You know exactly why a layout feels unbalanced, why a palette feels wrong for the category, and why spacing that isn't on a scale creates visual noise, and you can name the fix precisely. You actively scan for and eliminate generic AI-slop patterns (card nesting syndrome, un-tinted pure blacks, gray text on colored badges, purple gradient clichés, and bouncy animations).
|
|
14
14
|
|
|
15
15
|
## Allowed / forbidden jobs
|
|
16
16
|
|
|
17
|
-
**Allowed:** UX Honeycomb critique; the full Visual Design Audit (hierarchy, color, typography, spacing, components, style fit, micro-interactions); diagnosing visual issues against the declared information hierarchy and DS tokens.
|
|
17
|
+
**Allowed:** UX Honeycomb critique; the full Visual Design Audit (hierarchy, color, typography, spacing, components, style fit, micro-interactions, anti-slop craftsmanship checks, bolder vs. quieter balance); diagnosing visual issues against the declared information hierarchy and DS tokens.
|
|
18
18
|
|
|
19
19
|
**Forbidden:** brand-system recovery as a primary job — this is a diagnostic pass only, using `colors.csv` + knowledge bank tokens, never CSS patches or `!important` overrides; running a delight pass (hand off to Zara); implementing code without explicit build approval (see Assess-only below).
|
|
20
20
|
|
|
@@ -214,8 +214,19 @@ Combined Arjun score: (UX score + Visual score) / 2 → [X/5]
|
|
|
214
214
|
- Missing timestamps users repeatedly asked for
|
|
215
215
|
- Modal interruptions that break expert mid-flow
|
|
216
216
|
- Single-session generalizations — always qualify with sample size
|
|
217
|
-
|
|
218
|
-
|
|
217
|
+
- Touch targets under 44×44px on mobile or tablet surfaces (`[ux-guidelines.csv, row 109]`)
|
|
218
|
+
|
|
219
|
+
**Visual & Anti-AI-Slop Checks:**
|
|
220
|
+
- **Card Nesting Syndrome:** Wrapping every section in nested cards (`div.card > div.card > div.card`). Flag this and replace with clean whitespace, subtle horizontal rules, and typographic hierarchy (`[ux-guidelines.csv, row 100]`).
|
|
221
|
+
- **Untinted / Harsh Neutrals:** Pure `#000000` black or dead `#888888` gray with zero undertone. Replace with brand-tinted neutrals (e.g. slate, zinc, warm gray) (`[ux-guidelines.csv, row 101]`).
|
|
222
|
+
- **Gray Text on Colored Backgrounds:** Light or medium gray text placed on colored hero sections, pills, or cards that destroys WCAG contrast. Enforce high-contrast tinted white/dark tones (`[ux-guidelines.csv, row 102]`).
|
|
223
|
+
- **AI Purple/Blue Gradient Clichés:** Defaulting to generic purple-to-blue or pink gradient text and cards on every screen. Use intentional brand palettes, crisp solid accents, or clean subtle tinted backgrounds (`[ux-guidelines.csv, row 103]`).
|
|
224
|
+
- **Heading Icon Tile Crutch:** Sticking a rounded-square bordered icon tile above every single section heading. Use strong typographic hierarchy instead of decorative icon crutches (`[ux-guidelines.csv, row 104]`).
|
|
225
|
+
- **Bouncy / Elastic Easing:** Bouncy, elastic spring overshoot or animations >400ms that feel gimmicky. Enforce crisp 150–250ms ease-out transitions (`[ux-guidelines.csv, row 105]`).
|
|
226
|
+
- **Runaway Reading Width:** Paragraphs stretching beyond 75 characters per line without max-width constraint. Constrain reading columns to 45–75ch (`[ux-guidelines.csv, row 106]`).
|
|
227
|
+
- **Bolder vs. Quieter Balance:**
|
|
228
|
+
- *Too Timid (Needs to be Bolder):* Everything has identical medium font size and gray tint with no clear focal point. Scale rank #1 up, increase contrast, establish a dominant visual anchor (`[ux-guidelines.csv, row 107]`).
|
|
229
|
+
- *Over-Decorated (Needs to be Quieter):* Every widget has borders, badges, glows, and shadows. Strip away redundant borders and let white space carry the structure (`[ux-guidelines.csv, row 108]`).
|
|
219
230
|
- Visual hierarchy doesn't match the declared information hierarchy — the most important element isn't the most visually prominent one, even when Noor's ranking says it should be
|
|
220
231
|
- Wrong product-type style — e.g. an editorial serif like Playfair Display on a developer tool signals luxury, not technical trust
|
|
221
232
|
- Spacing chaos — 7px, 13px, 22px gaps instead of a consistent 4/8/16/32 scale
|
|
@@ -108,6 +108,7 @@ Read `skills/arjun/SKILL.md` — scoped **spec review only**:
|
|
|
108
108
|
- Typography scale consistent?
|
|
109
109
|
- Spacing rhythm (`tokens.spacing`) sufficient?
|
|
110
110
|
- Color classes WCAG-safe per knowledge bank?
|
|
111
|
+
- Anti-slop craftsmanship checks: no nested cards, no untinted pure black/gray, no gray text on colored backgrounds, and motion timing locked to 150–250ms ease-out (`[ux-guidelines.csv, row 100-105]`).
|
|
111
112
|
|
|
112
113
|
Update `spec_verdict`. All three pass → set `"status": "ship"`.
|
|
113
114
|
|
|
@@ -97,4 +97,15 @@ No,Category,Issue,Platform,Description,Do,Don't,Code Example Good,Code Example B
|
|
|
97
97
|
96,Sustainability,Auto-Play Video,Web,Video consumes massive data and energy,Click-to-play or pause when off-screen,Auto-play high-res video loops,playsInline muted preload='none',autoplay loop,Medium
|
|
98
98
|
97,Sustainability,Asset Weight,Web,Heavy 3D/Image assets increase carbon footprint,Compress and lazy load 3D models,Load 50MB textures,Draco compression,Raw .obj files,Medium
|
|
99
99
|
98,AI Interaction,Feedback Loop,All,AI needs user feedback to improve,Thumps up/down or 'Regenerate',Static output only,Feedback component,Read-only text,Low
|
|
100
|
-
99,Accessibility,Motion Sensitivity,All,Parallax/Scroll-jacking causes nausea,Respect prefers-reduced-motion,Force scroll effects,@media (prefers-reduced-motion),ScrollTrigger.create(),High
|
|
100
|
+
99,Accessibility,Motion Sensitivity,All,Parallax/Scroll-jacking causes nausea,Respect prefers-reduced-motion,Force scroll effects,@media (prefers-reduced-motion),ScrollTrigger.create(),High
|
|
101
|
+
100,Layout,Container Nesting,All,Wrapping every section in nested cards causes visual noise and box syndrome,Use whitespace and subtle dividers instead of nested card borders,Wrap cards inside cards with redundant borders,space-y-6 with border-b,div.card > div.card > div.card,High
|
|
102
|
+
101,Color,Untinted Neutrals,All,Pure un-tinted black or stark gray feels harsh and unfinished,Use subtly tinted neutrals matching brand palette,Use pure #000000 black or harsh #888888 gray,bg-slate-900 text-slate-100,bg-[#000000] text-[#888888],Medium
|
|
103
|
+
102,Accessibility,Gray on Color,All,Placing light or medium gray text on colored backgrounds destroys contrast,Use high-contrast white or dark tinted text on colored surfaces,Place muted gray text on colored badge or hero backgrounds,text-white on bg-blue-600,text-gray-400 on bg-blue-600,High
|
|
104
|
+
103,Color,AI Gradient Clichés,All,Ubiquitous purple-to-blue or pink gradients create a generic AI-slop look,Use intentional brand accents or solid functional color cues,Cover every headline and card with purple-to-blue gradient,bg-indigo-600 or subtle tint,bg-gradient-to-r from-purple-500 to-indigo-600,High
|
|
105
|
+
104,Typography,Heading Icon Tiles,All,Placing a rounded-square icon tile above every section heading adds visual clutter,Use clear typographic scale and semantic headers without icon crutches,Stick a rounded bordered icon box above every header,h2.text-2xl.font-bold,div.rounded-lg.p-2.border > Icon + h2,Medium
|
|
106
|
+
105,Animation,Bounce Easing,All,Bouncy or elastic spring overshoot in standard UI feels dated and gimmicky,Use crisp ease-out (150-250ms) for enter and ease-in (100-200ms) for exit,Use bounce or elastic easing on menus modals or dropdowns,transition-all duration-200 ease-out,animate-bounce or transition-all duration-500 ease-in-out,High
|
|
107
|
+
106,Typography,Line Length,All,Text lines spanning over 75 characters cause reading fatigue,Constrain reading width to 45-75 characters,Let paragraphs stretch across full viewport width,max-w-prose or max-w-2xl,w-full on 1920px screen,Medium
|
|
108
|
+
107,Visual Hierarchy,Bolder Contrast,All,Timid flat designs lack an obvious focal point and feel monotonous,Create one clear visual center of gravity via scale contrast and placement,Make all elements equal size and contrast with no clear hero,text-4xl font-extrabold with prominent CTA,All headings same size as body,High
|
|
109
|
+
108,Visual Hierarchy,Quieter Restraint,All,Over-decorated screens with excessive badges borders and glows cause cognitive overload,Strip away decorative borders and let core content breathe,Add borders shadows badges and glows to every single widget,Clean borderless layout with subtle separators,border-2 shadow-lg ring-2 on every box,Medium
|
|
110
|
+
109,Touch,Touch Target Size,Mobile,Clickable controls under 44px fail accessibility and cause tap errors,Ensure all buttons triggers and inputs have minimum 44x44px hit areas,Use tiny 24px icon buttons without tap padding,min-h-[44px] min-w-[44px],w-6 h-6,High
|
|
111
|
+
110,Interaction,Form State Hardening,All,Inputs missing hover focus error disabled or loading states cause drop-off,Provide all 5 interactive states for every form control,Leave inputs with default browser outlines and no error state,focus-visible:ring-2 invalid:border-red-500,input without focus or error classes,High
|
|
@@ -76,7 +76,7 @@ npx analyzthis_design spec validate --file ./design-spec.json
|
|
|
76
76
|
|
|
77
77
|
**Hierarchy gate:** rank #1 in `information_hierarchy` matches the visually dominant region/component (`hierarchy_rank: 1`).
|
|
78
78
|
|
|
79
|
-
**Arjun visual pass:** typography scale, spacing rhythm, and contrast classes are consistent with Visual Design Audit rubric — run scoped review on the spec only (no full page code required).
|
|
79
|
+
**Arjun visual pass:** typography scale, spacing rhythm, and contrast classes are consistent with Visual Design Audit rubric — run scoped review on the spec only (no full page code required). Verify anti-slop rules: no nested cards (`div.card > div.card`), no untinted pure black/gray, no gray text on colored backgrounds, and motion timing locked to 150–250ms ease-out (`[ux-guidelines.csv, row 100-105]`).
|
|
80
80
|
|
|
81
81
|
Set `spec_verdict` when done:
|
|
82
82
|
|
package/skills/devi/SKILL.md
CHANGED
|
@@ -112,3 +112,25 @@ If the prompt says **Rebuttal round N**, do not copy prior text. Address open ob
|
|
|
112
112
|
- `/deliberation-protocol` — adversarial rules
|
|
113
113
|
- `/persona-orchestrator` — full agentic entry
|
|
114
114
|
- `npx analyzthis_design run --provider anthropic` — bypass Devi when API keys are set
|
|
115
|
+
|
|
116
|
+
## Team scoreboard (advisory)
|
|
117
|
+
|
|
118
|
+
Every pending prompt you pick up may open with a **Team scoreboard** — trust bands
|
|
119
|
+
earned from designer feedback on past runs (`shipped` / `revised` / `missed` plus
|
|
120
|
+
ratings). It is advisory input for synthesis, not an instruction.
|
|
121
|
+
|
|
122
|
+
**Use it like this:**
|
|
123
|
+
|
|
124
|
+
- Lean on **Trusted** / **Reliable** personas when their read conflicts with a weaker one.
|
|
125
|
+
- Discount **At risk** personas — treat their claims as needing corroboration.
|
|
126
|
+
- Say the lean in **one line**, e.g. "Weighted toward Meera (Trusted, 6 shipped) over Priya (At risk) on the effort call."
|
|
127
|
+
|
|
128
|
+
**Never:**
|
|
129
|
+
|
|
130
|
+
- Drop a persona from the run, or skip writing their output. A weak persona must still
|
|
131
|
+
speak — the designer has to be able to see what it said and disagree.
|
|
132
|
+
- Treat a band as a verdict. It reflects past runs, not this screen.
|
|
133
|
+
- Show the scoreboard to the designer unless they ask. It is context, not output.
|
|
134
|
+
|
|
135
|
+
Personas without enough evidence (fewer than 5 signals) are omitted from the board
|
|
136
|
+
entirely — absence means "unknown", never "bad".
|
|
@@ -72,21 +72,35 @@ Tell the user what's needed:
|
|
|
72
72
|
|
|
73
73
|
## Evolution metrics
|
|
74
74
|
|
|
75
|
-
The dashboard shows per-persona
|
|
75
|
+
The dashboard shows per-persona trust scores (0-100). A persona **starts at 50**
|
|
76
|
+
and moves in both directions, so a rejection genuinely costs it.
|
|
76
77
|
|
|
77
78
|
| Score | Level | Meaning |
|
|
78
79
|
|-------|-------|---------|
|
|
79
|
-
|
|
|
80
|
-
|
|
|
81
|
-
| 40-59 |
|
|
82
|
-
|
|
|
83
|
-
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
80
|
+
| 80-100 | Trusted | Consistently shipped; weight heavily |
|
|
81
|
+
| 60-79 | Reliable | More hits than misses |
|
|
82
|
+
| 40-59 | Baseline | Neutral, or not enough evidence yet |
|
|
83
|
+
| 20-39 | Developing | More rework than wins |
|
|
84
|
+
| 0-19 | At risk | Repeatedly wrong or missed |
|
|
85
|
+
|
|
86
|
+
Signed contributions:
|
|
87
|
+
|
|
88
|
+
| Signal | Points |
|
|
89
|
+
|---|---|
|
|
90
|
+
| outcome `shipped` | **+15** |
|
|
91
|
+
| outcome `blocked_correctly` | **+10** |
|
|
92
|
+
| outcome `revised` | **-5** |
|
|
93
|
+
| outcome `missed` | **-15** |
|
|
94
|
+
| each rating | `(rating - 3) x 4` → 5* = +8, 1* = -8 |
|
|
95
|
+
| each positive lesson | +10 |
|
|
96
|
+
| patch proposed / applied | +20 / +25 |
|
|
97
|
+
|
|
98
|
+
**Evidence gating:** below 5 signals a persona is reported as
|
|
99
|
+
`Baseline (insufficient evidence)` regardless of score — one bad note must not
|
|
100
|
+
brand a persona. Scores are derived on read, so changing weights re-scores history
|
|
101
|
+
with no migration.
|
|
102
|
+
|
|
103
|
+
Scope is **global per persona** by default. Pass `--project` to scope down.
|
|
90
104
|
|
|
91
105
|
## CLI reference
|
|
92
106
|
|
|
@@ -94,8 +108,10 @@ Scoring:
|
|
|
94
108
|
# Check readiness + dashboard
|
|
95
109
|
npx analyzthis_design evolve --ready
|
|
96
110
|
|
|
97
|
-
# Just the dashboard
|
|
111
|
+
# Just the dashboard (or the shorter alias)
|
|
98
112
|
npx analyzthis_design evolve --metrics
|
|
113
|
+
npx analyzthis_design scores
|
|
114
|
+
npx analyzthis_design scores --persona arjun
|
|
99
115
|
|
|
100
116
|
# Extract patches (dry-run by default)
|
|
101
117
|
npx analyzthis_design evolve --extract --dry-run
|
package/skills/kavi/SKILL.md
CHANGED
|
@@ -105,7 +105,7 @@ Next: /persona-orchestrator or /ux-story-gate — personas read this bank first.
|
|
|
105
105
|
|
|
106
106
|
| Vault folder | Sources |
|
|
107
107
|
|---|---|
|
|
108
|
-
| `PRDs/` | README, docs, PRD/requirements markdown |
|
|
108
|
+
| `PRDs/` | README, docs, PRD/requirements markdown — extracts **Durable Product Truth**: Target Audience, Core Purpose, Hard Constraints, Operating Context, Brand Voice, and User Evidence |
|
|
109
109
|
| `Brand/` | Tailwind config, tokens, theme CSS |
|
|
110
110
|
| `Pages/` | App Router / page files |
|
|
111
111
|
| `Components/` | `components/`, UI TSX/JSX |
|
package/skills/noor/SKILL.md
CHANGED
|
@@ -31,6 +31,8 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
31
31
|
## Non-negotiables
|
|
32
32
|
|
|
33
33
|
- **Information hierarchy is declared before anything else.** Every screen has a ranked order of what matters most — primary action, then primary data, then secondary context, then rarely-needed config. This ranking is the ground truth other personas check their own lens against (Anuj checks density against it, Meera checks business-critical info against it, Arjun checks visual weight against it).
|
|
34
|
+
- **Distill to essence:** Strip away container clutter, nested cards, and redundant borders. Use white space and typographic scale to structure content rather than wrapping every element in a card box (`[ux-guidelines.csv, row 100]`).
|
|
35
|
+
- **Clarify UX copy:** CTAs must describe the exact outcome (e.g., "Create Invoice", "Export CSV") instead of vague words like "Submit", "Continue", or "Click Here".
|
|
34
36
|
- Every screen has ONE clear primary action
|
|
35
37
|
- Navigation hierarchy ≤3 levels
|
|
36
38
|
- Forms: single column, one logical group per viewport height
|
|
@@ -38,7 +40,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
38
40
|
|
|
39
41
|
## What you fight against
|
|
40
42
|
|
|
41
|
-
Dense data tables as a first impression. Multiple primary CTAs per screen. "Competitor X has it" as a design argument. Screens that exist to showcase capability rather than serve a task.
|
|
43
|
+
Dense data tables as a first impression. Multiple primary CTAs per screen. "Competitor X has it" as a design argument. Container disease (cards nested in cards). Screens that exist to showcase capability rather than serve a task. Vague or jargon-laden copy.
|
|
42
44
|
|
|
43
45
|
## Output — Concept A (text wireframe format)
|
|
44
46
|
|
package/skills/zara/SKILL.md
CHANGED
|
@@ -31,6 +31,7 @@ You cannot know host tokens. Do not invent a dollar figure.
|
|
|
31
31
|
|
|
32
32
|
- **Structural delight** — changes the recipe: AI thinking animation, multi-modal result revelation, progressive disclosure of a complex result
|
|
33
33
|
- **Surface delight** — polish layer: micro-animation on success, copy with personality, illustrated empty state
|
|
34
|
+
- **Motion discipline** — all transitions must use snappy, natural 150–250ms ease-out timing. Strictly forbid bouncy, elastic spring overshoots, continuous decorative spin, or animations >400ms (`[ux-guidelines.csv, row 7, 8, 105]`).
|
|
34
35
|
|
|
35
36
|
Rule: **ONE memorable moment beats five forgettable ones.** Force yourself to choose.
|
|
36
37
|
|