@monoes/monodesign 1.2.6 → 1.2.9
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 +1 -1
- package/dist/antipatterns.d.ts.map +1 -1
- package/dist/antipatterns.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/rules.d.ts.map +1 -1
- package/dist/rules.js +5 -1
- package/dist/rules.js.map +1 -1
- package/package.json +10 -8
- package/src/tokens.css +77 -71
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
[](https://www.npmjs.com/package/@monoes/monodesign)
|
|
8
8
|
[](https://github.com/monoes/monomind/blob/main/LICENSE)
|
|
9
|
-
[](https://nodejs.org)
|
|
10
10
|
|
|
11
11
|
**Frontend design intelligence for AI agents** — OKLCH design tokens, a 51-rule AI-slop
|
|
12
12
|
antipattern detector, and the `/monodesign` agent skill for Claude Code and Gemini agy.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"antipatterns.d.ts","sourceRoot":"","sources":["../src/antipatterns.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC;AAEvF,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;
|
|
1
|
+
{"version":3,"file":"antipatterns.d.ts","sourceRoot":"","sources":["../src/antipatterns.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC;AAEvF,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAwCD,4DAA4D;AAC5D,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC,CAE1D;AA8BD;;;;GAIG;AACH,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAoCjF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CA2B9D"}
|
package/dist/antipatterns.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"antipatterns.js","sourceRoot":"","sources":["../src/antipatterns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"antipatterns.js","sourceRoot":"","sources":["../src/antipatterns.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
package/dist/rules.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAsBH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAsBH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0CD,qJAAqJ;AACrJ,eAAO,MAAM,aAAa,eAAuB,CAAC;AAElD;;;;;GAKG;AACH,wBAAsB,eAAe,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,CAQ9D;AAED,eAAO,MAAM,gBAAgB,YAAI,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,CAAU,CAAC;AACjG,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,+DAA+D;AAC/D,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAY3D;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3C,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,CAQvD"}
|
package/dist/rules.js
CHANGED
|
@@ -76,7 +76,11 @@ export const SHADOW_MAX_ALPHA = 0.15;
|
|
|
76
76
|
export function shadowAlphaComplies(shadow) {
|
|
77
77
|
const matches = shadow.match(/rgba?\([^)]+\)/g) ?? [];
|
|
78
78
|
for (const m of matches) {
|
|
79
|
-
const parts = m
|
|
79
|
+
const parts = m
|
|
80
|
+
.replace(/rgba?\(/, '')
|
|
81
|
+
.replace(')', '')
|
|
82
|
+
.split(',')
|
|
83
|
+
.map(Number);
|
|
80
84
|
const alpha = parts.length === 4 ? parts[3] : 1;
|
|
81
85
|
if (alpha > SHADOW_MAX_ALPHA)
|
|
82
86
|
return false;
|
package/dist/rules.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rules.js","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,6EAA6E;AAC7E,4EAA4E;AAC5E,MAAM,kBAAkB,GAAW,yCAAyC,CAAC;AAQ7E,IAAI,eAA8D,CAAC;AAEnE,KAAK,UAAU,YAAY;IACzB,eAAe,KAAK,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CACjD,CAAC,GAAG,EAAE,EAAE,CAAE,GAA2C,CAAC,YAAY,EAClE,GAAG,EAAE,CAAC,IAAI,CACX,CAAC;IACF,OAAO,eAAe,CAAC;AACzB,CAAC;AAUD,MAAM,oBAAoB,GAAkB;IAC1C;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,wBAAwB;QAC9B,WAAW,EACT,0LAA0L;QAC5L,YAAY,EAAE,UAAU;KACzB;IACD;QACE,EAAE,EAAE,eAAe;QACnB,IAAI,EAAE,kBAAkB;QACxB,WAAW,EACT,iIAAiI;QACnI,YAAY,EAAE,eAAe;KAC9B;IACD;QACE,EAAE,EAAE,uBAAuB;QAC3B,IAAI,EAAE,6BAA6B;QACnC,WAAW,
|
|
1
|
+
{"version":3,"file":"rules.js","sourceRoot":"","sources":["../src/rules.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@monoes/monodesign",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.9",
|
|
4
4
|
"description": "Frontend design intelligence for AI agents — design tokens, antipattern detection, and the monodesign skill",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -21,12 +21,8 @@
|
|
|
21
21
|
"src/tokens.css",
|
|
22
22
|
"NOTICE.md"
|
|
23
23
|
],
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"build": "tsc",
|
|
27
|
-
"prepublishOnly": "npm run build",
|
|
28
|
-
"test": "node scripts/run-tests.mjs",
|
|
29
|
-
"sync": "node scripts/sync-skill.mjs"
|
|
24
|
+
"engines": {
|
|
25
|
+
"node": ">=22.12.0"
|
|
30
26
|
},
|
|
31
27
|
"keywords": [
|
|
32
28
|
"design-system",
|
|
@@ -50,5 +46,11 @@
|
|
|
50
46
|
"optionalDependencies": {
|
|
51
47
|
"@monoes/monobrowse": "^1.0.7",
|
|
52
48
|
"puppeteer": "^25.1.0"
|
|
49
|
+
},
|
|
50
|
+
"scripts": {
|
|
51
|
+
"prebuild": "node ../../../scripts/build-fs.mjs clean dist tsconfig.tsbuildinfo",
|
|
52
|
+
"build": "tsc",
|
|
53
|
+
"test": "node scripts/run-tests.mjs",
|
|
54
|
+
"sync": "node scripts/sync-skill.mjs"
|
|
53
55
|
}
|
|
54
|
-
}
|
|
56
|
+
}
|
package/src/tokens.css
CHANGED
|
@@ -4,20 +4,20 @@
|
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
6
|
/* ─── Typography ─────────────────────────────── */
|
|
7
|
-
--font-display:
|
|
8
|
-
--font-body:
|
|
9
|
-
--font-mono:
|
|
10
|
-
--font-size-xs: 0.75rem;
|
|
11
|
-
--font-size-sm: 0.875rem;
|
|
12
|
-
--font-size-base: 1rem;
|
|
13
|
-
--font-size-lg: 1.125rem;
|
|
14
|
-
--font-size-xl: 1.25rem;
|
|
15
|
-
--font-size-2xl: 1.5rem;
|
|
7
|
+
--font-display: "Cormorant Garamond", Georgia, serif;
|
|
8
|
+
--font-body: "Instrument Sans", system-ui, sans-serif;
|
|
9
|
+
--font-mono: "Space Grotesk", monospace;
|
|
10
|
+
--font-size-xs: 0.75rem; /* 12px */
|
|
11
|
+
--font-size-sm: 0.875rem; /* 14px */
|
|
12
|
+
--font-size-base: 1rem; /* 16px */
|
|
13
|
+
--font-size-lg: 1.125rem; /* 18px */
|
|
14
|
+
--font-size-xl: 1.25rem; /* 20px */
|
|
15
|
+
--font-size-2xl: 1.5rem; /* 24px */
|
|
16
16
|
--font-size-3xl: 1.875rem; /* 30px */
|
|
17
|
-
--font-size-4xl: 2.25rem;
|
|
18
|
-
--font-size-5xl: 3rem;
|
|
19
|
-
--font-size-6xl: 3.75rem;
|
|
20
|
-
--font-size-7xl: 4.5rem;
|
|
17
|
+
--font-size-4xl: 2.25rem; /* 36px */
|
|
18
|
+
--font-size-5xl: 3rem; /* 48px */
|
|
19
|
+
--font-size-6xl: 3.75rem; /* 60px */
|
|
20
|
+
--font-size-7xl: 4.5rem; /* 72px */
|
|
21
21
|
--line-height-tight: 1.2;
|
|
22
22
|
--line-height-snug: 1.375;
|
|
23
23
|
--line-height-base: 1.5;
|
|
@@ -25,91 +25,97 @@
|
|
|
25
25
|
--line-height-loose: 2;
|
|
26
26
|
|
|
27
27
|
/* ─── Spacing (8px base grid) ────────────────── */
|
|
28
|
-
--space-1:
|
|
29
|
-
--space-2:
|
|
30
|
-
--space-3:
|
|
31
|
-
--space-4:
|
|
32
|
-
--space-5:
|
|
33
|
-
--space-6:
|
|
34
|
-
--space-7:
|
|
35
|
-
--space-8:
|
|
28
|
+
--space-1: 4px;
|
|
29
|
+
--space-2: 8px; /* xs */
|
|
30
|
+
--space-3: 12px;
|
|
31
|
+
--space-4: 16px; /* sm */
|
|
32
|
+
--space-5: 20px;
|
|
33
|
+
--space-6: 24px; /* md */
|
|
34
|
+
--space-7: 28px;
|
|
35
|
+
--space-8: 32px; /* lg */
|
|
36
36
|
--space-10: 40px;
|
|
37
|
-
--space-12: 48px;
|
|
37
|
+
--space-12: 48px; /* xl */
|
|
38
38
|
--space-16: 64px;
|
|
39
|
-
--space-20: 80px;
|
|
39
|
+
--space-20: 80px; /* 2xl */
|
|
40
40
|
--space-24: 96px;
|
|
41
41
|
--space-30: 120px; /* 3xl */
|
|
42
42
|
|
|
43
43
|
/* ─── Motion ─────────────────────────────────── */
|
|
44
|
-
--ease-out:
|
|
45
|
-
--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
|
|
46
|
-
--ease-in-out:
|
|
47
|
-
--ease-in:
|
|
44
|
+
--ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* expo-out — primary */
|
|
45
|
+
--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1); /* sharper variant */
|
|
46
|
+
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
|
|
47
|
+
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
48
48
|
--duration-instant: 0s;
|
|
49
|
-
--duration-fast:
|
|
50
|
-
--duration-base:
|
|
51
|
-
--duration-slow:
|
|
52
|
-
--duration-slower:
|
|
49
|
+
--duration-fast: 0.15s; /* color / opacity */
|
|
50
|
+
--duration-base: 0.3s; /* default transforms */
|
|
51
|
+
--duration-slow: 0.6s; /* orchestrated entrances */
|
|
52
|
+
--duration-slower: 0.8s;
|
|
53
53
|
--duration-slowest: 1.2s;
|
|
54
54
|
|
|
55
55
|
/* ─── Colors (OKLCH) ─────────────────────────── */
|
|
56
56
|
/* Neutrals */
|
|
57
|
-
--color-ink:
|
|
58
|
-
--color-charcoal: oklch(25% 0 0);
|
|
59
|
-
--color-ash:
|
|
60
|
-
--color-mist:
|
|
61
|
-
--color-cream:
|
|
62
|
-
--color-paper:
|
|
63
|
-
--color-white:
|
|
57
|
+
--color-ink: oklch(10% 0 0); /* primary text */
|
|
58
|
+
--color-charcoal: oklch(25% 0 0); /* secondary text */
|
|
59
|
+
--color-ash: oklch(55% 0 0); /* tertiary / meta */
|
|
60
|
+
--color-mist: oklch(92% 0 0); /* hairline borders */
|
|
61
|
+
--color-cream: oklch(96% 0.005 350); /* warm page background */
|
|
62
|
+
--color-paper: oklch(98% 0 0); /* card / elevated surfaces */
|
|
63
|
+
--color-white: oklch(99.5% 0 0); /* near-white (never pure) */
|
|
64
64
|
|
|
65
65
|
/* Accent — Editorial Magenta (use ≤10% of screen in restrained palette) */
|
|
66
|
-
--color-accent:
|
|
66
|
+
--color-accent: oklch(60% 0.25 350);
|
|
67
67
|
--color-accent-hover: oklch(52% 0.25 350);
|
|
68
|
-
--color-accent-dim:
|
|
69
|
-
--color-accent-soft:
|
|
70
|
-
--color-accent-text:
|
|
68
|
+
--color-accent-dim: oklch(60% 0.25 350 / 0.15);
|
|
69
|
+
--color-accent-soft: oklch(60% 0.25 350 / 0.25);
|
|
70
|
+
--color-accent-text: oklch(45% 0.22 350); /* darker for body-on-white */
|
|
71
71
|
|
|
72
72
|
/* Tonal ramp — Editorial Magenta */
|
|
73
|
-
--color-accent-1:
|
|
74
|
-
--color-accent-2:
|
|
75
|
-
--color-accent-3:
|
|
76
|
-
--color-accent-4:
|
|
77
|
-
--color-accent-5:
|
|
78
|
-
--color-accent-6:
|
|
79
|
-
--color-accent-7:
|
|
80
|
-
--color-accent-8:
|
|
81
|
-
--color-accent-9:
|
|
73
|
+
--color-accent-1: oklch(22% 0.15 350);
|
|
74
|
+
--color-accent-2: oklch(33% 0.2 350);
|
|
75
|
+
--color-accent-3: oklch(42% 0.23 350);
|
|
76
|
+
--color-accent-4: oklch(52% 0.25 350);
|
|
77
|
+
--color-accent-5: oklch(60% 0.25 350); /* base */
|
|
78
|
+
--color-accent-6: oklch(68% 0.22 350);
|
|
79
|
+
--color-accent-7: oklch(76% 0.18 350);
|
|
80
|
+
--color-accent-8: oklch(84% 0.12 350);
|
|
81
|
+
--color-accent-9: oklch(94% 0.05 350);
|
|
82
82
|
|
|
83
83
|
/* Command category tints (product register) */
|
|
84
|
-
--cat-build-bg:
|
|
85
|
-
--cat-
|
|
86
|
-
--cat-
|
|
87
|
-
--cat-
|
|
88
|
-
--cat-
|
|
89
|
-
--cat-
|
|
84
|
+
--cat-build-bg: #fdf2f8;
|
|
85
|
+
--cat-build-border: #ec4899;
|
|
86
|
+
--cat-evaluate-bg: #fdf4ff;
|
|
87
|
+
--cat-evaluate-border: #d946ef;
|
|
88
|
+
--cat-refine-bg: #eff6ff;
|
|
89
|
+
--cat-refine-border: #3b82f6;
|
|
90
|
+
--cat-enhance-bg: #fffbeb;
|
|
91
|
+
--cat-enhance-border: #f59e0b;
|
|
92
|
+
--cat-fix-bg: #f0fdf4;
|
|
93
|
+
--cat-fix-border: #22c55e;
|
|
94
|
+
--cat-iterate-bg: #f5f5f4;
|
|
95
|
+
--cat-iterate-border: #78716c;
|
|
90
96
|
|
|
91
97
|
/* ─── Shadows ─────────────────────────────────── */
|
|
92
98
|
/* Max 0.15 alpha. No heavy drop shadows. */
|
|
93
|
-
--shadow-none:
|
|
94
|
-
--shadow-sm:
|
|
95
|
-
--shadow-md:
|
|
96
|
-
--shadow-lg:
|
|
99
|
+
--shadow-none: none;
|
|
100
|
+
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
101
|
+
--shadow-md: 0 4px 24px -4px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
102
|
+
--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.08);
|
|
97
103
|
--shadow-accent: 0 20px 60px oklch(60% 0.25 350 / 0.15);
|
|
98
104
|
|
|
99
105
|
/* ─── Border radius ──────────────────────────── */
|
|
100
106
|
--radius-none: 0;
|
|
101
|
-
--radius-sm:
|
|
102
|
-
--radius-md:
|
|
103
|
-
--radius-lg:
|
|
104
|
-
--radius-xl:
|
|
107
|
+
--radius-sm: 4px;
|
|
108
|
+
--radius-md: 8px;
|
|
109
|
+
--radius-lg: 12px;
|
|
110
|
+
--radius-xl: 16px;
|
|
105
111
|
--radius-full: 9999px;
|
|
106
112
|
|
|
107
113
|
/* ─── Z-index ─────────────────────────────────── */
|
|
108
|
-
--z-below:
|
|
109
|
-
--z-base:
|
|
110
|
-
--z-raised:
|
|
114
|
+
--z-below: -1;
|
|
115
|
+
--z-base: 0;
|
|
116
|
+
--z-raised: 1;
|
|
111
117
|
--z-overlay: 10;
|
|
112
|
-
--z-modal:
|
|
113
|
-
--z-toast:
|
|
114
|
-
--z-top:
|
|
118
|
+
--z-modal: 20;
|
|
119
|
+
--z-toast: 30;
|
|
120
|
+
--z-top: 40;
|
|
115
121
|
}
|