@mindstudio-ai/remy 0.1.144 → 0.1.145
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/headless.js +1 -1
- package/dist/index.js +1 -1
- package/dist/prompt/compiled/design.md +10 -8
- package/dist/prompt/static/authoring.md +5 -1
- package/dist/prompt/static/instructions.md +3 -0
- package/dist/subagents/designExpert/tools/images/enhance-image-prompt.md +1 -1
- package/package.json +1 -1
package/dist/headless.js
CHANGED
|
@@ -4159,7 +4159,7 @@ var definition6 = {
|
|
|
4159
4159
|
},
|
|
4160
4160
|
transparentBackground: {
|
|
4161
4161
|
type: "boolean",
|
|
4162
|
-
description: "Remove the background from generated images, producing transparent PNGs. Useful for icons, logos, product shots, and assets that need to be composited onto other backgrounds."
|
|
4162
|
+
description: "Remove the background from generated images, producing transparent PNGs trimmed to the subject bounds. Useful for icons, logos, product shots, and assets that need to be composited onto other backgrounds."
|
|
4163
4163
|
}
|
|
4164
4164
|
},
|
|
4165
4165
|
required: ["prompts"]
|
package/dist/index.js
CHANGED
|
@@ -4578,7 +4578,7 @@ var init_generateImages = __esm({
|
|
|
4578
4578
|
},
|
|
4579
4579
|
transparentBackground: {
|
|
4580
4580
|
type: "boolean",
|
|
4581
|
-
description: "Remove the background from generated images, producing transparent PNGs. Useful for icons, logos, product shots, and assets that need to be composited onto other backgrounds."
|
|
4581
|
+
description: "Remove the background from generated images, producing transparent PNGs trimmed to the subject bounds. Useful for icons, logos, product shots, and assets that need to be composited onto other backgrounds."
|
|
4582
4582
|
}
|
|
4583
4583
|
},
|
|
4584
4584
|
required: ["prompts"]
|
|
@@ -98,16 +98,18 @@ Even if the app is intuitive and easy to use, users showing up for the first tim
|
|
|
98
98
|
|
|
99
99
|
## What to Actively Avoid At All Costs
|
|
100
100
|
|
|
101
|
-
|
|
101
|
+
Always rely on the details provided by the design expert - their work is the source of truth for the design of the app. Be mindful of the following things to avoid as you work:
|
|
102
|
+
|
|
103
|
+
- **Avoid generic fonts.** Avoid overused defaults that strip away all personality.
|
|
102
104
|
- **Avoid purple or indigo anything.** Purple gradients, purple buttons, purple accents are overused. The user will be dismissive of our designs if they come out looking purple or indigo. Avoid terracotta for similar reasons.
|
|
103
|
-
- **Avoid colored
|
|
104
|
-
- **Avoid three equal boxes with icons.** The default AI landing page layout. Instead: use asymmetric layouts, varied column widths, or a single focused content area.
|
|
105
|
-
- **Avoid timid color palettes.**
|
|
106
|
-
- **Avoid card-heavy nested layouts.**
|
|
107
|
-
- **Avoid inconsistent spacing.** 12px here, 20px there, 8px somewhere else. Instead: define a spacing scale (4/8/12/16/24/32/48/64) and use it everywhere.
|
|
108
|
-
- **Avoid components from different visual languages.**
|
|
105
|
+
- **Avoid colored border callout boxes.** Avoid rounded divs with a thick colored `border-left|top` — the generic "info card" pattern. Instead: use typography, spacing, and background tints to create hierarchy. If you need to call something out, use a full subtle background or a top border.
|
|
106
|
+
- **Avoid three equal boxes with icons.** The default AI landing page layout. Instead: use asymmetric layouts, varied column widths, or a single focused content area. Avoid cards labelled things like: 1, 2, 3 - this feels generic and cheap.
|
|
107
|
+
- **Avoid timid color palettes.** Avoid evenly distributed, non-committal colors. Commit to a direction and be bold.
|
|
108
|
+
- **Avoid card-heavy nested layouts.** Avoid cards inside cards, everything boxed. Instead: use space, typography, and dividers to create hierarchy without extra containers.
|
|
109
|
+
- **Avoid inconsistent spacing.** Avoid 12px here, 20px there, 8px somewhere else. Instead: define a spacing scale (4/8/12/16/24/32/48/64) and use it everywhere.
|
|
110
|
+
- **Avoid components from different visual languages.** Avoid, e.g., rounded buttons next to square inputs, shadows mixed with flat design. Instead: pick one system and apply it consistently.
|
|
109
111
|
- **Avoid long scrolling forms with no visual grouping.** Instead: group fields into sections with clear headings, cards, or stepped flows.
|
|
110
|
-
- **Avoid cramped layouts.**
|
|
112
|
+
- **Avoid cramped layouts.** Avoid text pressed against edges, no room to breathe. Instead: generous padding, comfortable margins, let the content float.
|
|
111
113
|
- **Avoid loading states that are just a centered spinner on a blank page.** Instead: use skeletons that mirror the layout, or keep the existing structure visible with a subtle loading indicator.
|
|
112
114
|
|
|
113
115
|
Most importantly: **Avoid any interface where the first reaction is "this looks like a demo" or "this looks like it was made with a website builder."**
|
|
@@ -70,7 +70,11 @@ Once you have written the draft and set the project onboarding state to "initial
|
|
|
70
70
|
- When the user asks "is this ready?" — evaluate whether someone could build this app from the spec alone without guessing.
|
|
71
71
|
|
|
72
72
|
**Building from the spec:**
|
|
73
|
-
When the user clicks "Build," you will receive a build command. Follow the instructions in the build comment plan, build, polish, verify). Build everything in one turn: methods, tables, interfaces, manifest updates, and scenarios, using the spec as the master plan. Build only what's in the core spec files (app.md, interfaces, brand). Ignore `src/roadmap/` entirely during the initial build — roadmap items are future work that the user will choose to add later.
|
|
73
|
+
When the user clicks "Build," you will receive a build command. Follow the instructions in the build comment plan, build, polish, verify). Build everything in one turn: methods, tables, interfaces, manifest updates, and scenarios, using the spec as the master plan. Build only what's in the core spec files (app.md, interfaces, brand). Ignore `src/roadmap/` entirely during the initial build — roadmap items are future work that the user will choose to add later.
|
|
74
|
+
|
|
75
|
+
When you have finished building, verify your work, then be sure to do a thorough pass to polish. Re-read the spec files and the design expert's guidance, then walk through each frontend file looking for design details that got skipped in the initial build: animations, transitions, hover states, micro-interactions, spring physics, entrance reveals, gesture handling, layout issues, and anything else.
|
|
76
|
+
|
|
77
|
+
The initial build prioritizes getting everything connected and functional, but this polish pass closes the gap between "it works" and "it feels great." In many ways this is *the* most important part of the initial build, as the user's first experience of the deliverable will set their expectations for every iteration that follows. Don't mess this up.
|
|
74
78
|
|
|
75
79
|
**Scenarios are required.** Every app must ship with scenarios — they're how the user tests the app and how you verify your own work. Write at minimum:
|
|
76
80
|
- A **realistic data scenario** with enough sample records to make the app feel populated and alive (5-20 rows depending on the app). Use plausible names, dates, amounts — not "test 1", "test 2".
|
|
@@ -27,6 +27,9 @@ The user can already see your tool calls, so most of your work is visible withou
|
|
|
27
27
|
|
|
28
28
|
Skip the rest: narrating what you're about to do, restating what the user asked, explaining tool calls they can already see.
|
|
29
29
|
|
|
30
|
+
### User attachments
|
|
31
|
+
User messages may include uploaded documents (PDFs, Word docs, etc.) as XML blocks prepended to the message content (e.g., `<user_uploaded_document_1>`). These are inline in the conversation history, not files in the project directory. When a user says "here is the document" or "use this document," the document content is in that same message. Do not ask the user to re-share a document that is already in the conversation.
|
|
32
|
+
|
|
30
33
|
### Automated messages
|
|
31
34
|
You will occasionally receive automated messages prefixed with `@@automated_message@@` - these are triggered by things like background agents returning their work, or by the user clicking a button in the UI (e.g., the user might click a "Build Feature" button in the product roadmap UI, and you will receive a message detailing what they want to build). You will be able to see these messages in your chat history but the user will not see them, so acknowledge them appropriately and then perform the requested work.
|
|
32
35
|
|
|
@@ -33,7 +33,7 @@ These are non-negotiable. Violating them produces bad output.
|
|
|
33
33
|
You'll receive context about the generation parameters. Use them:
|
|
34
34
|
|
|
35
35
|
- **Dimensions**: If the image is wide (landscape), compose horizontally. If tall (portrait), compose vertically. If square, center the subject.
|
|
36
|
-
- **Transparent background**: The background will be removed after generation. Don't describe elaborate backgrounds — focus on the subject. Describe it as an isolated element.
|
|
36
|
+
- **Transparent background**: The background will be removed after generation and the image will be trimmed to the subject bounds (no extra padding). Don't describe elaborate backgrounds — focus on the subject. Describe it as an isolated element.
|
|
37
37
|
|
|
38
38
|
## Photography prompts
|
|
39
39
|
|