design-brain-memory 0.9.2 → 0.9.4

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.
Files changed (124) hide show
  1. package/README.md +273 -0
  2. package/dist/agentBrowser.js +1 -1
  3. package/dist/agentBrowser.js.map +1 -1
  4. package/dist/aggregate.d.ts +9 -0
  5. package/dist/aggregate.js +53 -0
  6. package/dist/aggregate.js.map +1 -0
  7. package/dist/batch.d.ts +16 -0
  8. package/dist/batch.js +44 -0
  9. package/dist/batch.js.map +1 -0
  10. package/dist/cli.js +250 -216
  11. package/dist/cli.js.map +1 -1
  12. package/dist/commands.d.ts +60 -1
  13. package/dist/commands.js +323 -10
  14. package/dist/commands.js.map +1 -1
  15. package/dist/compare.d.ts +33 -0
  16. package/dist/compare.js +83 -0
  17. package/dist/compare.js.map +1 -0
  18. package/dist/componentGraph.d.ts +22 -0
  19. package/dist/componentGraph.js +106 -0
  20. package/dist/componentGraph.js.map +1 -0
  21. package/dist/contextLayer.d.ts +12 -0
  22. package/dist/contextLayer.js +263 -0
  23. package/dist/contextLayer.js.map +1 -0
  24. package/dist/cssInJs.d.ts +9 -0
  25. package/dist/cssInJs.js +124 -0
  26. package/dist/cssInJs.js.map +1 -0
  27. package/dist/extractFromUrl.d.ts +8 -0
  28. package/dist/extractFromUrl.js +104 -355
  29. package/dist/extractFromUrl.js.map +1 -1
  30. package/dist/graphView.d.ts +21 -0
  31. package/dist/graphView.js +492 -0
  32. package/dist/graphView.js.map +1 -0
  33. package/dist/index.d.ts +26 -11
  34. package/dist/index.js +17 -10
  35. package/dist/index.js.map +1 -1
  36. package/dist/knowledge.d.ts +20 -0
  37. package/dist/knowledge.js +208 -0
  38. package/dist/knowledge.js.map +1 -0
  39. package/dist/liveView.d.ts +15 -0
  40. package/dist/liveView.js +475 -0
  41. package/dist/liveView.js.map +1 -0
  42. package/dist/llm.js +1 -9
  43. package/dist/llm.js.map +1 -1
  44. package/dist/moodboard.d.ts +3 -0
  45. package/dist/moodboard.js +152 -0
  46. package/dist/moodboard.js.map +1 -0
  47. package/dist/persona.d.ts +2 -2
  48. package/dist/persona.js +82 -210
  49. package/dist/persona.js.map +1 -1
  50. package/dist/query.js +1 -6
  51. package/dist/query.js.map +1 -1
  52. package/dist/render.d.ts +2 -10
  53. package/dist/render.js +80 -175
  54. package/dist/render.js.map +1 -1
  55. package/dist/reviewChecklist.d.ts +17 -0
  56. package/dist/reviewChecklist.js +126 -0
  57. package/dist/reviewChecklist.js.map +1 -0
  58. package/dist/scan.d.ts +19 -7
  59. package/dist/scan.js +132 -374
  60. package/dist/scan.js.map +1 -1
  61. package/dist/scorecard.d.ts +53 -0
  62. package/dist/scorecard.js +325 -0
  63. package/dist/scorecard.js.map +1 -0
  64. package/dist/skillPrompt.d.ts +1 -3
  65. package/dist/skillPrompt.js +22 -148
  66. package/dist/skillPrompt.js.map +1 -1
  67. package/dist/store.d.ts +2 -2
  68. package/dist/store.js +7 -9
  69. package/dist/store.js.map +1 -1
  70. package/dist/styleDictionary.d.ts +16 -0
  71. package/dist/styleDictionary.js +89 -0
  72. package/dist/styleDictionary.js.map +1 -0
  73. package/dist/svg.d.ts +5 -0
  74. package/dist/svg.js +162 -0
  75. package/dist/svg.js.map +1 -0
  76. package/dist/systemDiff.d.ts +28 -0
  77. package/dist/systemDiff.js +107 -0
  78. package/dist/systemDiff.js.map +1 -0
  79. package/dist/tailwind.d.ts +2 -0
  80. package/dist/tailwind.js +122 -0
  81. package/dist/tailwind.js.map +1 -0
  82. package/dist/taste.d.ts +3 -2
  83. package/dist/taste.js +349 -536
  84. package/dist/taste.js.map +1 -1
  85. package/dist/tasteRenderer.d.ts +2 -3
  86. package/dist/tasteRenderer.js +123 -119
  87. package/dist/tasteRenderer.js.map +1 -1
  88. package/dist/tokenNaming.d.ts +5 -0
  89. package/dist/tokenNaming.js +229 -0
  90. package/dist/tokenNaming.js.map +1 -0
  91. package/dist/tokens.d.ts +17 -0
  92. package/dist/tokens.js +44 -0
  93. package/dist/tokens.js.map +1 -0
  94. package/dist/trends.d.ts +12 -0
  95. package/dist/trends.js +178 -0
  96. package/dist/trends.js.map +1 -0
  97. package/dist/types.d.ts +47 -101
  98. package/dist/wiki.d.ts +10 -0
  99. package/dist/wiki.js +346 -0
  100. package/dist/wiki.js.map +1 -0
  101. package/dist/writingStyle.d.ts +38 -0
  102. package/dist/writingStyle.js +224 -0
  103. package/dist/writingStyle.js.map +1 -0
  104. package/package.json +5 -4
  105. package/dist/classify.d.ts +0 -21
  106. package/dist/classify.js +0 -205
  107. package/dist/classify.js.map +0 -1
  108. package/dist/scanRenderer.d.ts +0 -2
  109. package/dist/scanRenderer.js +0 -155
  110. package/dist/scanRenderer.js.map +0 -1
  111. package/dist/tasteDiff.d.ts +0 -19
  112. package/dist/tasteDiff.js +0 -340
  113. package/dist/tasteDiff.js.map +0 -1
  114. package/dist/tasteGenerate.d.ts +0 -12
  115. package/dist/tasteGenerate.js +0 -140
  116. package/dist/tasteGenerate.js.map +0 -1
  117. package/dist/tasteRefine.d.ts +0 -13
  118. package/dist/tasteRefine.js +0 -351
  119. package/dist/tasteRefine.js.map +0 -1
  120. package/dist/theatrical.d.ts +0 -5
  121. package/dist/theatrical.js +0 -258
  122. package/dist/theatrical.js.map +0 -1
  123. package/skills/SKILL.md +0 -36
  124. package/skills/design-brain/SKILL.md +0 -77
package/skills/SKILL.md DELETED
@@ -1,36 +0,0 @@
1
- ---
2
- name: design-brain
3
- description: Design system awareness for AI coding agents. Provides design token guidance, component patterns, and design principles extracted from your codebase.
4
- ---
5
-
6
- # Design Brain Skill
7
-
8
- You have access to design system knowledge extracted by design-brain-memory.
9
-
10
- ## When to Use This Skill
11
-
12
- - When writing UI components, reference the color palette and typography system
13
- - When adding spacing/layout, follow the established spacing scale
14
- - When creating new components, follow existing component patterns
15
- - When adding transitions/animations, match existing motion patterns
16
-
17
- ## Design Principles
18
-
19
- 1. **Consistency** — Use existing design tokens rather than ad-hoc values
20
- 2. **Systematic spacing** — Prefer multiples of 4px (4, 8, 12, 16, 24, 32, 48, 64)
21
- 3. **Color discipline** — Use palette colors from CSS variables or design tokens
22
- 4. **Typography scale** — Stick to the established font size scale
23
- 5. **Motion restraint** — Use consistent transition timing across the UI
24
-
25
- ## Quick Reference
26
-
27
- - Run `npx design-brain-memory scan` to see your design health score
28
- - Run `npx design-brain-memory scan .` to scan the current directory
29
- - Design tokens are extracted from CSS, SCSS, and component files
30
-
31
- ## Tips for Code Generation
32
-
33
- - Prefer CSS custom properties (--var-name) over hardcoded values
34
- - Use the project's existing color palette — don't introduce new colors without reason
35
- - Match existing component patterns before creating new abstractions
36
- - Keep transition durations consistent (prefer 150ms, 200ms, or 300ms)
@@ -1,77 +0,0 @@
1
- ---
2
- name: design-brain
3
- description: Build and query a relational markdown design memory using design-brain-memory and Agent Browser CLI.
4
- version: 1.0.0
5
- ---
6
-
7
- # Design Brain
8
-
9
- Capture inspiration from websites/screenshots and turn it into a searchable design memory.
10
-
11
- ## Install
12
-
13
- ```bash
14
- design-brain-memory install-skill
15
- ```
16
-
17
- or
18
-
19
- ```bash
20
- npx -y skills add design-brain/design-brain
21
- ```
22
-
23
- ## Workflow
24
-
25
- 1. Initialize:
26
-
27
- ```bash
28
- design-brain-memory init --root <workspace>
29
- ```
30
-
31
- 2. Ingest inspiration:
32
-
33
- ```bash
34
- design-brain-memory ingest --project <id> --url <url> --name "<name>" --tags <tags>
35
- ```
36
-
37
- or
38
-
39
- ```bash
40
- design-brain-memory ingest --project <id> --screenshot <path> --name "<name>" --tags <tags>
41
- ```
42
-
43
- 3. Record outcome:
44
-
45
- ```bash
46
- design-brain-memory outcome --project <id> --title "<title>" --description "<what was built>" --inspired-by <inspiration-id>
47
- ```
48
-
49
- 4. Query:
50
-
51
- ```bash
52
- design-brain-memory search --query "<keywords>"
53
- ```
54
-
55
- ```bash
56
- design-brain-memory ask --query "<question>" --llm-base-url <url> --llm-api-key <key> --llm-model <model>
57
- ```
58
-
59
- ## Taste Profile Context
60
-
61
- Before generating UI code, check for a taste profile:
62
-
63
- ```bash
64
- cat .design-brain/taste/*.json 2>/dev/null
65
- ```
66
-
67
- If a taste profile exists, all generated UI code should use:
68
- - Colors from the palette (exact hex values)
69
- - The specified font families
70
- - Spacing values from the scale
71
- - Motion parameters (durations, easing)
72
- - Cherry-picked component styles where applicable
73
-
74
- Commands:
75
- - `design-brain-memory taste show --project <id> --json` to read taste JSON
76
- - `design-brain-memory taste score . --project <id>` to check alignment
77
- - `design-brain-memory taste generate --target tokens --project <id>` to emit CSS variables