design-brain-memory 0.9.3 → 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 (125) hide show
  1. package/README.md +273 -0
  2. package/dist/agentBrowser.d.ts +0 -1
  3. package/dist/agentBrowser.js +13 -31
  4. package/dist/agentBrowser.js.map +1 -1
  5. package/dist/aggregate.d.ts +9 -0
  6. package/dist/aggregate.js +53 -0
  7. package/dist/aggregate.js.map +1 -0
  8. package/dist/batch.d.ts +16 -0
  9. package/dist/batch.js +44 -0
  10. package/dist/batch.js.map +1 -0
  11. package/dist/cli.js +250 -216
  12. package/dist/cli.js.map +1 -1
  13. package/dist/commands.d.ts +60 -1
  14. package/dist/commands.js +323 -10
  15. package/dist/commands.js.map +1 -1
  16. package/dist/compare.d.ts +33 -0
  17. package/dist/compare.js +83 -0
  18. package/dist/compare.js.map +1 -0
  19. package/dist/componentGraph.d.ts +22 -0
  20. package/dist/componentGraph.js +106 -0
  21. package/dist/componentGraph.js.map +1 -0
  22. package/dist/contextLayer.d.ts +12 -0
  23. package/dist/contextLayer.js +263 -0
  24. package/dist/contextLayer.js.map +1 -0
  25. package/dist/cssInJs.d.ts +9 -0
  26. package/dist/cssInJs.js +124 -0
  27. package/dist/cssInJs.js.map +1 -0
  28. package/dist/extractFromUrl.d.ts +8 -0
  29. package/dist/extractFromUrl.js +508 -414
  30. package/dist/extractFromUrl.js.map +1 -1
  31. package/dist/graphView.d.ts +21 -0
  32. package/dist/graphView.js +492 -0
  33. package/dist/graphView.js.map +1 -0
  34. package/dist/index.d.ts +26 -11
  35. package/dist/index.js +17 -10
  36. package/dist/index.js.map +1 -1
  37. package/dist/knowledge.d.ts +20 -0
  38. package/dist/knowledge.js +208 -0
  39. package/dist/knowledge.js.map +1 -0
  40. package/dist/liveView.d.ts +15 -0
  41. package/dist/liveView.js +475 -0
  42. package/dist/liveView.js.map +1 -0
  43. package/dist/llm.js +1 -9
  44. package/dist/llm.js.map +1 -1
  45. package/dist/moodboard.d.ts +3 -0
  46. package/dist/moodboard.js +152 -0
  47. package/dist/moodboard.js.map +1 -0
  48. package/dist/persona.d.ts +2 -2
  49. package/dist/persona.js +82 -210
  50. package/dist/persona.js.map +1 -1
  51. package/dist/query.js +1 -6
  52. package/dist/query.js.map +1 -1
  53. package/dist/render.d.ts +2 -10
  54. package/dist/render.js +80 -175
  55. package/dist/render.js.map +1 -1
  56. package/dist/reviewChecklist.d.ts +17 -0
  57. package/dist/reviewChecklist.js +126 -0
  58. package/dist/reviewChecklist.js.map +1 -0
  59. package/dist/scan.d.ts +19 -7
  60. package/dist/scan.js +132 -374
  61. package/dist/scan.js.map +1 -1
  62. package/dist/scorecard.d.ts +53 -0
  63. package/dist/scorecard.js +325 -0
  64. package/dist/scorecard.js.map +1 -0
  65. package/dist/skillPrompt.d.ts +1 -3
  66. package/dist/skillPrompt.js +22 -148
  67. package/dist/skillPrompt.js.map +1 -1
  68. package/dist/store.d.ts +2 -2
  69. package/dist/store.js +7 -9
  70. package/dist/store.js.map +1 -1
  71. package/dist/styleDictionary.d.ts +16 -0
  72. package/dist/styleDictionary.js +89 -0
  73. package/dist/styleDictionary.js.map +1 -0
  74. package/dist/svg.d.ts +5 -0
  75. package/dist/svg.js +162 -0
  76. package/dist/svg.js.map +1 -0
  77. package/dist/systemDiff.d.ts +28 -0
  78. package/dist/systemDiff.js +107 -0
  79. package/dist/systemDiff.js.map +1 -0
  80. package/dist/tailwind.d.ts +2 -0
  81. package/dist/tailwind.js +122 -0
  82. package/dist/tailwind.js.map +1 -0
  83. package/dist/taste.d.ts +3 -2
  84. package/dist/taste.js +349 -536
  85. package/dist/taste.js.map +1 -1
  86. package/dist/tasteRenderer.d.ts +2 -3
  87. package/dist/tasteRenderer.js +123 -119
  88. package/dist/tasteRenderer.js.map +1 -1
  89. package/dist/tokenNaming.d.ts +5 -0
  90. package/dist/tokenNaming.js +229 -0
  91. package/dist/tokenNaming.js.map +1 -0
  92. package/dist/tokens.d.ts +17 -0
  93. package/dist/tokens.js +44 -0
  94. package/dist/tokens.js.map +1 -0
  95. package/dist/trends.d.ts +12 -0
  96. package/dist/trends.js +178 -0
  97. package/dist/trends.js.map +1 -0
  98. package/dist/types.d.ts +47 -101
  99. package/dist/wiki.d.ts +10 -0
  100. package/dist/wiki.js +346 -0
  101. package/dist/wiki.js.map +1 -0
  102. package/dist/writingStyle.d.ts +38 -0
  103. package/dist/writingStyle.js +224 -0
  104. package/dist/writingStyle.js.map +1 -0
  105. package/package.json +5 -4
  106. package/dist/classify.d.ts +0 -21
  107. package/dist/classify.js +0 -205
  108. package/dist/classify.js.map +0 -1
  109. package/dist/scanRenderer.d.ts +0 -2
  110. package/dist/scanRenderer.js +0 -155
  111. package/dist/scanRenderer.js.map +0 -1
  112. package/dist/tasteDiff.d.ts +0 -19
  113. package/dist/tasteDiff.js +0 -340
  114. package/dist/tasteDiff.js.map +0 -1
  115. package/dist/tasteGenerate.d.ts +0 -12
  116. package/dist/tasteGenerate.js +0 -140
  117. package/dist/tasteGenerate.js.map +0 -1
  118. package/dist/tasteRefine.d.ts +0 -13
  119. package/dist/tasteRefine.js +0 -351
  120. package/dist/tasteRefine.js.map +0 -1
  121. package/dist/theatrical.d.ts +0 -5
  122. package/dist/theatrical.js +0 -258
  123. package/dist/theatrical.js.map +0 -1
  124. package/skills/SKILL.md +0 -36
  125. 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