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.
- package/README.md +273 -0
- package/dist/agentBrowser.d.ts +0 -1
- package/dist/agentBrowser.js +13 -31
- package/dist/agentBrowser.js.map +1 -1
- package/dist/aggregate.d.ts +9 -0
- package/dist/aggregate.js +53 -0
- package/dist/aggregate.js.map +1 -0
- package/dist/batch.d.ts +16 -0
- package/dist/batch.js +44 -0
- package/dist/batch.js.map +1 -0
- package/dist/cli.js +250 -216
- package/dist/cli.js.map +1 -1
- package/dist/commands.d.ts +60 -1
- package/dist/commands.js +323 -10
- package/dist/commands.js.map +1 -1
- package/dist/compare.d.ts +33 -0
- package/dist/compare.js +83 -0
- package/dist/compare.js.map +1 -0
- package/dist/componentGraph.d.ts +22 -0
- package/dist/componentGraph.js +106 -0
- package/dist/componentGraph.js.map +1 -0
- package/dist/contextLayer.d.ts +12 -0
- package/dist/contextLayer.js +263 -0
- package/dist/contextLayer.js.map +1 -0
- package/dist/cssInJs.d.ts +9 -0
- package/dist/cssInJs.js +124 -0
- package/dist/cssInJs.js.map +1 -0
- package/dist/extractFromUrl.d.ts +8 -0
- package/dist/extractFromUrl.js +508 -414
- package/dist/extractFromUrl.js.map +1 -1
- package/dist/graphView.d.ts +21 -0
- package/dist/graphView.js +492 -0
- package/dist/graphView.js.map +1 -0
- package/dist/index.d.ts +26 -11
- package/dist/index.js +17 -10
- package/dist/index.js.map +1 -1
- package/dist/knowledge.d.ts +20 -0
- package/dist/knowledge.js +208 -0
- package/dist/knowledge.js.map +1 -0
- package/dist/liveView.d.ts +15 -0
- package/dist/liveView.js +475 -0
- package/dist/liveView.js.map +1 -0
- package/dist/llm.js +1 -9
- package/dist/llm.js.map +1 -1
- package/dist/moodboard.d.ts +3 -0
- package/dist/moodboard.js +152 -0
- package/dist/moodboard.js.map +1 -0
- package/dist/persona.d.ts +2 -2
- package/dist/persona.js +82 -210
- package/dist/persona.js.map +1 -1
- package/dist/query.js +1 -6
- package/dist/query.js.map +1 -1
- package/dist/render.d.ts +2 -10
- package/dist/render.js +80 -175
- package/dist/render.js.map +1 -1
- package/dist/reviewChecklist.d.ts +17 -0
- package/dist/reviewChecklist.js +126 -0
- package/dist/reviewChecklist.js.map +1 -0
- package/dist/scan.d.ts +19 -7
- package/dist/scan.js +132 -374
- package/dist/scan.js.map +1 -1
- package/dist/scorecard.d.ts +53 -0
- package/dist/scorecard.js +325 -0
- package/dist/scorecard.js.map +1 -0
- package/dist/skillPrompt.d.ts +1 -3
- package/dist/skillPrompt.js +22 -148
- package/dist/skillPrompt.js.map +1 -1
- package/dist/store.d.ts +2 -2
- package/dist/store.js +7 -9
- package/dist/store.js.map +1 -1
- package/dist/styleDictionary.d.ts +16 -0
- package/dist/styleDictionary.js +89 -0
- package/dist/styleDictionary.js.map +1 -0
- package/dist/svg.d.ts +5 -0
- package/dist/svg.js +162 -0
- package/dist/svg.js.map +1 -0
- package/dist/systemDiff.d.ts +28 -0
- package/dist/systemDiff.js +107 -0
- package/dist/systemDiff.js.map +1 -0
- package/dist/tailwind.d.ts +2 -0
- package/dist/tailwind.js +122 -0
- package/dist/tailwind.js.map +1 -0
- package/dist/taste.d.ts +3 -2
- package/dist/taste.js +349 -536
- package/dist/taste.js.map +1 -1
- package/dist/tasteRenderer.d.ts +2 -3
- package/dist/tasteRenderer.js +123 -119
- package/dist/tasteRenderer.js.map +1 -1
- package/dist/tokenNaming.d.ts +5 -0
- package/dist/tokenNaming.js +229 -0
- package/dist/tokenNaming.js.map +1 -0
- package/dist/tokens.d.ts +17 -0
- package/dist/tokens.js +44 -0
- package/dist/tokens.js.map +1 -0
- package/dist/trends.d.ts +12 -0
- package/dist/trends.js +178 -0
- package/dist/trends.js.map +1 -0
- package/dist/types.d.ts +47 -101
- package/dist/wiki.d.ts +10 -0
- package/dist/wiki.js +346 -0
- package/dist/wiki.js.map +1 -0
- package/dist/writingStyle.d.ts +38 -0
- package/dist/writingStyle.js +224 -0
- package/dist/writingStyle.js.map +1 -0
- package/package.json +5 -4
- package/dist/classify.d.ts +0 -21
- package/dist/classify.js +0 -205
- package/dist/classify.js.map +0 -1
- package/dist/scanRenderer.d.ts +0 -2
- package/dist/scanRenderer.js +0 -155
- package/dist/scanRenderer.js.map +0 -1
- package/dist/tasteDiff.d.ts +0 -19
- package/dist/tasteDiff.js +0 -340
- package/dist/tasteDiff.js.map +0 -1
- package/dist/tasteGenerate.d.ts +0 -12
- package/dist/tasteGenerate.js +0 -140
- package/dist/tasteGenerate.js.map +0 -1
- package/dist/tasteRefine.d.ts +0 -13
- package/dist/tasteRefine.js +0 -351
- package/dist/tasteRefine.js.map +0 -1
- package/dist/theatrical.d.ts +0 -5
- package/dist/theatrical.js +0 -258
- package/dist/theatrical.js.map +0 -1
- package/skills/SKILL.md +0 -36
- 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
|