@mindstudio-ai/remy 0.1.38 → 0.1.39
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/dist/prompt/compiled/tables.md +2 -0
- package/dist/prompt/static/team.md +2 -2
- package/dist/subagents/designExpert/prompts/color.md +1 -1
- package/dist/subagents/designExpert/prompts/frontend-design-notes.md +3 -4
- package/dist/subagents/designExpert/prompts/images.md +1 -1
- package/dist/subagents/designExpert/prompts/typography.md +1 -1
- package/package.json +1 -1
|
@@ -242,6 +242,8 @@ const [_, newOrder, pending] = await db.batch(
|
|
|
242
242
|
|
|
243
243
|
**Always batch instead of sequential awaits.** A loop with `await Table.update()` inside makes N separate HTTP calls. Mapping to mutations and passing them to `db.batch()` makes one.
|
|
244
244
|
|
|
245
|
+
**Note:** `Table.get(id)` is a direct async method that returns `Promise<T | null>` — it does not return a `Query` and cannot be passed to `db.batch()`. To batch a get-by-id, use `Table.filter(row => row.id === someId).first()` instead, which returns a batchable `Query`.
|
|
246
|
+
|
|
245
247
|
## Migrations
|
|
246
248
|
|
|
247
249
|
No migration files. Migrations are automatic:
|
|
@@ -8,7 +8,7 @@ Note: when you talk about the team to the user, refer to them by their name or a
|
|
|
8
8
|
|
|
9
9
|
### Design Expert (`visualDesignExpert`)
|
|
10
10
|
|
|
11
|
-
Your designer. Consult for any visual decision — choosing a color, picking fonts, proposing a layout,
|
|
11
|
+
Your designer. Consult for any visual decision — choosing a color, picking fonts, proposing a layout, soucing images, reviewing whether something looks good. Not just during intake or big design moments. If you're about to write CSS and you're not sure about a color, ask. If you just built a page and want a gut check, ask the designer to take a quick look. If the user says "I don't like how this looks," ask the design expert what to change rather than guessing yourself, or if they say "I want a different image," that's the designer's problem, not yours. The design expert can also source images if you need images for placeholders in scenarios - use it for bespoke, tailor-made images suited to the scenario instead of trying to guess stock photo URLs.
|
|
12
12
|
|
|
13
13
|
The design expert cannot see your conversation with the user, so include all relevant context and requirements in your task. It can take screenshots of the app preview on its own — just ask it to review what's been built.
|
|
14
14
|
|
|
@@ -38,7 +38,7 @@ Always consult the code sanity check before writing code in initialCodegen with
|
|
|
38
38
|
|
|
39
39
|
### QA (`runAutomatedBrowserTest`)
|
|
40
40
|
|
|
41
|
-
For verifying
|
|
41
|
+
For verifying complex stateful interactions: multi-step form submissions, auth flows, real-time updates, flows that require specific data/role setup. This spins up a full chrome browser automation — it's heavyweight. Do not use it for basic rendering or navigation checks. If you can verify something with a screenshot or by reading the code, do that instead. Run a scenario first to seed test data and set user roles.
|
|
42
42
|
|
|
43
43
|
### Background Execution
|
|
44
44
|
|
|
@@ -35,7 +35,7 @@ Remember, always specify gradients using `oklch` color space for vibrant, smooth
|
|
|
35
35
|
|
|
36
36
|
### Colors block format
|
|
37
37
|
|
|
38
|
-
A `` ```colors `` fenced block in a `type: design/color` spec file declares 3-5 brand colors with evocative names, hex values, and descriptions. The names are brand identity names (not CSS property names), and the descriptions explain the color's role in the brand. Be creative with naming colors - you are building a brand book, not a paint swatch:
|
|
38
|
+
A `` ```colors `` fenced block in a `type: design/color` spec file declares 3-5 brand colors with evocative names, hex values, and descriptions. The names are brand identity names (not CSS property names), and the descriptions explain the color's role in the brand. Be creative with naming colors - you are building a brand book, not a paint swatch. When returning color palettes to the user, always ue the color block format so they display nicely:
|
|
39
39
|
|
|
40
40
|
```
|
|
41
41
|
Color Name:
|
|
@@ -14,14 +14,13 @@ The brand spec files in `src/interfaces/@brand/` define the app's visual identit
|
|
|
14
14
|
|
|
15
15
|
**When brand spec files are present, always use the defined fonts and colors in generated code.** Do not pick your own fonts or colors when the spec defines them. Reference colors semantically (as CSS variables or named constants) rather than scattering raw hex values through the codebase.
|
|
16
16
|
|
|
17
|
-
##
|
|
17
|
+
## Important: Build Apps, Not Web Pages
|
|
18
18
|
|
|
19
|
-
Interfaces run fullscreen in the user's browser or a wrapped webview mobile app. They must feel like native apps, not websites.
|
|
19
|
+
Interfaces run fullscreen in the user's browser or a wrapped webview mobile app. They must feel like native Mac or iOS apps, not websites.
|
|
20
20
|
|
|
21
|
-
- **No long scrolling pages.** Use structured layouts: cards, split panes, steppers, tabs, grouped sections that fit the viewport. The interface should feel like
|
|
21
|
+
- **No long scrolling pages.** Use structured layouts: cards, split panes, steppers, tabs, grouped sections that fit the viewport. The interface should feel like an award winning iOS or macOS app, not a document.
|
|
22
22
|
- **On mobile**, scrolling may be necessary, but use sticky headers, fixed CTAs, and anchored navigation to keep key actions within reach.
|
|
23
23
|
- Think of every screen as something the user opens, uses, and closes — not something they read.
|
|
24
|
-
- Even landing pages can be creative. Resist the urge to default to boring bootstrap-style landinage page elements - simple, tired grids, cliche testimonials rows, etc. - be creative and use the ideas from the inspiration to craft something truly compelling and modern.
|
|
25
24
|
|
|
26
25
|
## Layout Stability
|
|
27
26
|
|
|
@@ -46,7 +46,7 @@ Lead with the visual style, then describe the content. This order helps the mode
|
|
|
46
46
|
- Describing positions of arms, legs, or specific limb arrangements.
|
|
47
47
|
- Conflicting style instructions ("photorealistic cartoon").
|
|
48
48
|
- Describing what you don't want — say "empty street" not "street with no cars."
|
|
49
|
-
- Framing prompts as physical objects ("artwork", "painting", "canvas", "print", "square digital artwork"). The model
|
|
49
|
+
- Framing prompts as physical objects or UI elements ("artwork", "painting", "canvas", "print", "square digital artwork", "app icon"). The model renders what it sees in its training data — a photo of a canvas on a wall, or an iOS icon with rounded corners and a drop shadow. Describe the visual content directly and let the developer handle framing, masking, and presentation.
|
|
50
50
|
- It is critical to remember that image models have a high risk of rendering text. Any word or phrase in your prompt that could be interpreted as a title, label, or caption risks appearing as literal text in the image. Triggers like "magazine cover" also risk making it render a literal mockup of a magazine masthread, even if all you wanted was a certain photography stype. Common triggers: "poster", "editorial", "magazine", "cover", "sign", or brand names, industry jargon, etc. Be thoughtful, careful, and intentional with your prompt - especially when describing abtract visualizations - and describe the visual qualities you want instead of referencing formats or concepts as shorthand.
|
|
51
51
|
|
|
52
52
|
### How images work in the UI
|
|
@@ -12,7 +12,7 @@ Even though these fonts look nice, they are unfortunately so overused that they
|
|
|
12
12
|
|
|
13
13
|
### Typography block format
|
|
14
14
|
|
|
15
|
-
A `` ```typography `` fenced block in a `type: design/typography` spec file declares fonts (with source URLs) and one or two anchor styles (typically Display and Body). Derive additional styles (labels, buttons, captions, overlines) from these anchors:
|
|
15
|
+
A `` ```typography `` fenced block in a `type: design/typography` spec file declares fonts (with source URLs) and one or two anchor styles (typically Display and Body). Derive additional styles (labels, buttons, captions, overlines) from these anchors. When returning type systems to the user, always ue the typography block format so it displays nicely:
|
|
16
16
|
|
|
17
17
|
```
|
|
18
18
|
fonts:
|