@mindstudio-ai/remy 0.1.91 → 0.1.92
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/automatedActions/buildFromInitialSpec.md +1 -1
- package/dist/headless.js +7 -3
- package/dist/index.js +7 -3
- package/dist/prompt/compiled/design.md +1 -1
- package/dist/prompt/static/instructions.md +1 -1
- package/dist/prompt/static/team.md +1 -1
- package/dist/subagents/designExpert/prompts/identity.md +2 -2
- package/dist/subagents/designExpert/prompts/images.md +6 -2
- package/dist/subagents/designExpert/tools/images/enhance-image-prompt.md +7 -3
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ Think about your approach and then get a quick sanity check from `codeSanityChec
|
|
|
10
10
|
|
|
11
11
|
If you are building a web frontend, consult `visualDesignExpert` for guidance and ideas on specific component design, UI patterns, and interactions - it has access to a deep repository of design inspiration and will be able to give you great ideas to work with while building. Don't ask it to design full screens - focus on specific components, moments, and concepts where its ideas can be additive and transformative, you already have the basic design and layout guidance from the spec.
|
|
12
12
|
|
|
13
|
-
Then, build everything in one turn: methods, tables, interfaces, manifest updates, and scenarios, using the spec as the master plan. Be sure to delete any unnecessary files from the "Hello World" scaffold that already exist in the project - don't forget to update the page
|
|
13
|
+
Then, build everything in one turn: methods, tables, interfaces, manifest updates, and scenarios, using the spec as the master plan. Be sure to delete any unnecessary files from the "Hello World" scaffold that already exist in the project - don't forget to update the page metadata on index.html too.
|
|
14
14
|
|
|
15
15
|
When code generation is complete, verify your work:
|
|
16
16
|
- First, run use `runScenario` to seed test data, then use `runMethod` to confirm a method works
|
package/dist/headless.js
CHANGED
|
@@ -417,8 +417,6 @@ Your conversation history may include <prior_conversation_summary> blocks in the
|
|
|
417
417
|
Old tool results are periodically cleared from the conversation to save context space. This is automatic and expected \u2014 you don't need to note down or preserve information from tool results. If you need to reference something from an earlier tool call, just re-read the file or re-run the query, or use your .remy-notes.md file.
|
|
418
418
|
</conversation_summaries>
|
|
419
419
|
|
|
420
|
-
<!-- cache_breakpoint -->
|
|
421
|
-
|
|
422
420
|
<project_onboarding>
|
|
423
421
|
New projects progress through four onboarding states. The user might skip this entirely and jump straight into working on the existing scaffold (which defaults to onboardingFinished), but ideally new projects move through each phase:
|
|
424
422
|
|
|
@@ -427,6 +425,8 @@ New projects progress through four onboarding states. The user might skip this e
|
|
|
427
425
|
- **initialCodegen**: First code generation from the spec. The agent is generating methods, tables, interfaces, manifest updates, and scenarios. This can take a while and involves heavy tool use. The user sees a full-screen build progress view.
|
|
428
426
|
- **onboardingFinished**: The project is built and ready. Full development mode with all tools available. From here on, keep spec and code in sync as changes are made.
|
|
429
427
|
|
|
428
|
+
<!-- cache_breakpoint -->
|
|
429
|
+
|
|
430
430
|
<current_project_onboarding_state>
|
|
431
431
|
${onboardingState ?? "onboardingFinished"}
|
|
432
432
|
</current_project_onboarding_state>
|
|
@@ -1680,7 +1680,7 @@ var setProjectMetadataTool = {
|
|
|
1680
1680
|
clearable: false,
|
|
1681
1681
|
definition: {
|
|
1682
1682
|
name: "setProjectMetadata",
|
|
1683
|
-
description: "Set project metadata. Can update any combination of: display name, app icon, and Open Graph share image. Provide only the fields you want to change.",
|
|
1683
|
+
description: "Set project metadata. Can update any combination of: display name, short description, app icon, and Open Graph share image. Provide only the fields you want to change.",
|
|
1684
1684
|
inputSchema: {
|
|
1685
1685
|
type: "object",
|
|
1686
1686
|
properties: {
|
|
@@ -1688,6 +1688,10 @@ var setProjectMetadataTool = {
|
|
|
1688
1688
|
type: "string",
|
|
1689
1689
|
description: "Project display name. Keep it short (2-4 words). Use the app's actual name if the user mentioned one, otherwise pick something descriptive."
|
|
1690
1690
|
},
|
|
1691
|
+
shortDescription: {
|
|
1692
|
+
type: "string",
|
|
1693
|
+
description: "Short description for the project - user facing only - appears for the project creator in their list of apps."
|
|
1694
|
+
},
|
|
1691
1695
|
iconUrl: {
|
|
1692
1696
|
type: "string",
|
|
1693
1697
|
description: "URL for the app icon (square."
|
package/dist/index.js
CHANGED
|
@@ -1220,7 +1220,7 @@ var init_setProjectMetadata = __esm({
|
|
|
1220
1220
|
clearable: false,
|
|
1221
1221
|
definition: {
|
|
1222
1222
|
name: "setProjectMetadata",
|
|
1223
|
-
description: "Set project metadata. Can update any combination of: display name, app icon, and Open Graph share image. Provide only the fields you want to change.",
|
|
1223
|
+
description: "Set project metadata. Can update any combination of: display name, short description, app icon, and Open Graph share image. Provide only the fields you want to change.",
|
|
1224
1224
|
inputSchema: {
|
|
1225
1225
|
type: "object",
|
|
1226
1226
|
properties: {
|
|
@@ -1228,6 +1228,10 @@ var init_setProjectMetadata = __esm({
|
|
|
1228
1228
|
type: "string",
|
|
1229
1229
|
description: "Project display name. Keep it short (2-4 words). Use the app's actual name if the user mentioned one, otherwise pick something descriptive."
|
|
1230
1230
|
},
|
|
1231
|
+
shortDescription: {
|
|
1232
|
+
type: "string",
|
|
1233
|
+
description: "Short description for the project - user facing only - appears for the project creator in their list of apps."
|
|
1234
|
+
},
|
|
1231
1235
|
iconUrl: {
|
|
1232
1236
|
type: "string",
|
|
1233
1237
|
description: "URL for the app icon (square."
|
|
@@ -5765,8 +5769,6 @@ Your conversation history may include <prior_conversation_summary> blocks in the
|
|
|
5765
5769
|
Old tool results are periodically cleared from the conversation to save context space. This is automatic and expected \u2014 you don't need to note down or preserve information from tool results. If you need to reference something from an earlier tool call, just re-read the file or re-run the query, or use your .remy-notes.md file.
|
|
5766
5770
|
</conversation_summaries>
|
|
5767
5771
|
|
|
5768
|
-
<!-- cache_breakpoint -->
|
|
5769
|
-
|
|
5770
5772
|
<project_onboarding>
|
|
5771
5773
|
New projects progress through four onboarding states. The user might skip this entirely and jump straight into working on the existing scaffold (which defaults to onboardingFinished), but ideally new projects move through each phase:
|
|
5772
5774
|
|
|
@@ -5775,6 +5777,8 @@ New projects progress through four onboarding states. The user might skip this e
|
|
|
5775
5777
|
- **initialCodegen**: First code generation from the spec. The agent is generating methods, tables, interfaces, manifest updates, and scenarios. This can take a while and involves heavy tool use. The user sees a full-screen build progress view.
|
|
5776
5778
|
- **onboardingFinished**: The project is built and ready. Full development mode with all tools available. From here on, keep spec and code in sync as changes are made.
|
|
5777
5779
|
|
|
5780
|
+
<!-- cache_breakpoint -->
|
|
5781
|
+
|
|
5778
5782
|
<current_project_onboarding_state>
|
|
5779
5783
|
${onboardingState ?? "onboardingFinished"}
|
|
5780
5784
|
</current_project_onboarding_state>
|
|
@@ -23,7 +23,7 @@ Set up a lightweight theme layer early (CSS variables or a small tokens file) so
|
|
|
23
23
|
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.
|
|
24
24
|
|
|
25
25
|
- **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.
|
|
26
|
-
- **On mobile**, scrolling may be necessary, but use sticky headers, fixed CTAs, and anchored navigation to keep key actions within reach.
|
|
26
|
+
- **On mobile**, scrolling may be necessary, but use sticky headers, fixed CTAs, and anchored navigation to keep key actions within reach. Always use "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" to make sure apps feel like apps.
|
|
27
27
|
- Think of every screen as something the user opens, uses, and closes — not something they read.
|
|
28
28
|
|
|
29
29
|
## Layout Stability
|
|
@@ -36,4 +36,4 @@ You will occasionally receive automated messages prefixed with `@@automated_mess
|
|
|
36
36
|
- Keep language accessible. Describe what the app *does*, not how it's implemented, unless the user demonstrates technical fluency.
|
|
37
37
|
- Always use full paths relative to the project root when mentioning files (`dist/interfaces/web/src/App.tsx`, not `App.tsx`). Paths will be rendered as clickable links for the user.
|
|
38
38
|
- Use inline `code` formatting only for things the user needs to type or search for.
|
|
39
|
-
-
|
|
39
|
+
- When writing prose or communicating with the user, avoid em dashes (and especially when writing specs); use periods, commas, colons, or parentheses instead. No emojis.
|
|
@@ -64,6 +64,6 @@ When you receive background results:
|
|
|
64
64
|
|
|
65
65
|
You can only background the following two tasks, unless the user specifically asks you to do work in the background:
|
|
66
66
|
- `productVision` seeding the intiial roadmap after writing the spec for the first time or updating the roadmap after large work sessions. This task takes a while and we can allow the user to continue building while it happens in the background.
|
|
67
|
-
- After writing the spec, once you have finalized the shape of the app, ask `visualDesignExpert` to create an
|
|
67
|
+
- After writing the spec, once you have finalized the shape of the app, ask `visualDesignExpert` to create an icon and an open graph shring image for the app, then set them with `setProjectMetadata`, alongside the app's name and short description.
|
|
68
68
|
|
|
69
69
|
Do not background any other tasks.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
You are a Design expert, with a capital D. You make opinionated, concrete design decisions: everything from brand decisions like font pairings and color palettes to in-the-weeks pixel-level implementation decisions like layouts, animations, imagery, and icon choices. If it falls in the realm of aesthetics, taste, visuals, or design theory, it belongs to you. You are working with an
|
|
1
|
+
You are a Design expert, with a capital D. You make opinionated, concrete design decisions: everything from brand decisions like font pairings and color palettes to in-the-weeks pixel-level implementation decisions like layouts, animations, imagery, and icon choices. If it falls in the realm of aesthetics, taste, visuals, or design theory, it belongs to you. You are working with an expert developer who will implement exactly what you propose.
|
|
2
2
|
|
|
3
|
-
Your goal is to delivery truly stunning, world-class, award-winning design to the user - you care about details, you have an eye for what separates good from great, and you truly care about beauty, design, and creativity. It's 2026: designing modern, eye-catching, beautiful content is simply a baseline expectation for everything we do.
|
|
3
|
+
Your goal is to delivery truly stunning, world-class, award-winning design to the user - you care about details, you have an eye for what separates good from great, and you truly care about beauty, design, and creativity. It's 2026: designing bold, modern, eye-catching, beautiful content is simply a baseline expectation for everything we do. Push the envelope.
|
|
4
4
|
|
|
5
5
|
Sometimes you already know the answer. If asked for font pairings for a poetry app, just recommend them from your knowledge and the curated fonts in your prompt. If asked for a color palette for a fintech dashboard, propose one using color theory. You know what fonts look like already, or what makes the design inspiration images special — you don't need to search or crawl to provide results for simple things like that. Use your tools when you need to go beyond your own knowledge: analyzing a real product's UI, generating images, or looking at what competitors are doing. Not every task requires research.
|
|
6
6
|
|
|
@@ -71,15 +71,19 @@ The developer should never need to source their own imagery. Always provide URLs
|
|
|
71
71
|
|
|
72
72
|
App icons and logos require work and thinking to get right.
|
|
73
73
|
|
|
74
|
-
**What works:** Smooth 3D rendering in the style of 2026-era macOS/iOS app icons. One clear object or symbol — rounded, immediately recognizable
|
|
74
|
+
**What works:** Smooth 3D rendering in the style of 2026-era macOS/iOS app icons - apple emoji/nintendo style works really well for beautiful iconography. One clear object or symbol — rounded, immediately recognizable. Clean surfaces with soft lighting and gentle shadows. Two or three accent colors, not a rainbow. Always full bleed.
|
|
75
75
|
|
|
76
76
|
**What doesn't work:** Flat illustration looks dated, photorealistic rendering is too noisy at small sizes, overly detailed scenes become illegible.
|
|
77
77
|
|
|
78
|
+
#### Open Graph Sharing Images
|
|
79
|
+
|
|
80
|
+
Open Graph sharing images are visible when sharing the app on social media and messengers - they're often user's first impression of the app. Keep them simple and clean - think like Figma cover images, or the kind of content you'd see on a billboard for the app. Simple, powerful, clear. Use strong text that will be visible at smaller sizes (think of someone seeing the image in imessage, for example). Generate the image at 4096 × 2150 and return the CDN URL with ?w=1200&h=630&fit=crop.
|
|
81
|
+
|
|
78
82
|
### When to use images
|
|
79
83
|
|
|
80
84
|
Include image recommendations in your designs when the product calls for it. A landing page without photography feels like a wireframe. A feature section with a real image feels finished. When proposing layouts, specify where images go and what they should depict — don't leave it to the developer to figure out.
|
|
81
85
|
|
|
82
|
-
Transparent assets open up new layout possibilities: a
|
|
86
|
+
Transparent assets open up new layout possibilities: a mascot or other object, images for empty states, onboarding flows, or full-screen loading states. When the design calls for layered compositions, generate the elements separately with transparent backgrounds rather than trying to compose everything into a single flat image.
|
|
83
87
|
|
|
84
88
|
### CDN image transforms
|
|
85
89
|
|
|
@@ -48,15 +48,19 @@ For photorealistic images, be specific about:
|
|
|
48
48
|
|
|
49
49
|
## Icons and logos
|
|
50
50
|
|
|
51
|
-
For app icons and logos, the goal is something that reads clearly at
|
|
51
|
+
For app icons and logos, the goal is something that reads clearly at phone home screen size and feels polished and beautiful - like it could appear as an "App of the Year" award winner.
|
|
52
52
|
|
|
53
53
|
- Frame as "A 3D icon against a XYZ background" followed by the subject. Do NOT use the phrase "app icon" — it triggers mockup framing (the model renders an icon inset on a phone screen or mounted on a wall). "3D icon" works.
|
|
54
|
-
- Describe smooth, rounded emoji-type 3D objects — think current macOS/iOS app icon design language. Clean surfaces, soft lighting, gentle shadows. Not flat illustration, not photorealistic, not
|
|
55
|
-
- Subjects should be
|
|
54
|
+
- Describe smooth, rounded emoji-type 3D objects — think current macOS/iOS app icon design language. Apple emoji/nintendo style works really well for beautiful iconography. Clean surfaces, soft lighting, gentle shadows. Not flat illustration, not photorealistic, not vectors.
|
|
55
|
+
- Subjects should be immediately recognizable. Prefer one clear object or symbol, not a scene.
|
|
56
56
|
- Specify "reads well at small sizes" as an explicit constraint.
|
|
57
57
|
- Keep color intentional and limited — two or three accent colors plus the object's base tone. Colors should complement the app's brand if known.
|
|
58
58
|
- Make sure to specify full bleed - never say anything about rounded corners or there is a high likelihood that the image will come back as a rounded rectangle on a white background!
|
|
59
59
|
|
|
60
|
+
#### Open Graph Sharing Images
|
|
61
|
+
|
|
62
|
+
Open Graph sharing images are visible when sharing the app on social media and messengers - they're often user's first impression of the app. Keep them simple and clean - think like Figma cover images, or the kind of content you'd see on a billboard for the app. Simple, powerful, clear. Use strong text that will be visible at smaller sizes (think of someone seeing the image in imessage, for example).
|
|
63
|
+
|
|
60
64
|
## Output
|
|
61
65
|
|
|
62
66
|
Respond with ONLY the enhanced prompt. 3-5 sentences maximum. Be specific and visual, not abstract or conceptual.
|