@mindstudio-ai/remy 0.1.107 → 0.1.108

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.
@@ -4,7 +4,7 @@
4
4
 
5
5
  This is an automated action triggered by the user pressing "Build" in the editor after reviewing the spec.
6
6
 
7
- The user has reviewed the spec and is ready to build. There are four phases to building: planning, coding, polishing, verifying.
7
+ The user has reviewed the spec and is ready to build. There are four phases to building: planning, coding, polishing, verifying. Execute each phase in order in a single turn.
8
8
 
9
9
  ## Planning
10
10
  Think about your approach and then get a quick sanity check from `codeSanityCheck` to make sure you aren't missing anything.
@@ -35,7 +35,7 @@ Layout shift is never acceptable. Elements jumping around as content loads or st
35
35
  - Loading-to-loaded transitions should swap content in-place without changing container size.
36
36
  - Buttons must not change size during loading states. Use a fixed width or `min-width`, and swap the label for a spinner or short text that fits the same space. "Submit" becoming "Submitting..." should not make the button wider and push adjacent elements around.
37
37
  - Conditional UI should use opacity/overlay transitions, not insertion into flow that displaces existing content.
38
- - This is especially important to keep in mind when building things that display AI generated text, especially if the text streams in. Make sure to never shift layout because of streaming AI text.
38
+ - This is especially important to keep in mind when building things that display AI generated text, especially if the text streams in. Make sure to never shift layout because of streaming AI text. If an element changes height or width, it must be fixed size or a smooth transition - never snap or jump to different dimensions.
39
39
 
40
40
  ## Responsive Design
41
41
 
@@ -53,6 +53,8 @@ When a plan includes multiple screens/API calls, always note this item for the d
53
53
 
54
54
  - **Image preloading for detail views.** If the plan has a grid/list of thumbnails that link to detail views with full-size images, flag it if there's no preloading strategy. The fix: preload full-size images in the background (`new Image().src = url`) so they're in the browser cache by the time the user taps. This makes transitions feel instant.
55
55
 
56
+ - **Layout shift with dynamic data or AI generatd text** If the plan includes dynamically-sized data (e.g., a wizard form with questions of differing lengths) or AI generated text (where text stream length is unpredictable), make sure to flag concerns about layout stability. Everything must either be a fixed size or smoothly animate between sizes. Text can never be clipped by a container or cause layout to jump around or grow in snappy/janky ways. Make sure to remind the developer that this is important to pay attention to.
57
+
56
58
  ## When to stay quiet
57
59
 
58
60
  Nits, style preferences, missing edge cases, things the agent will figure out as it goes, patterns that are "not ideal but fine," minor code smells. Let them slide. The agent is busy.
@@ -22,7 +22,7 @@ With the spatial architecture established, make it visually compelling. This is
22
22
 
23
23
  Layout is where interfaces fail most visibly. Generic patterns like centered content, three equal columns, card grids, symmetric everything feel tired and bland. Fight the use of generic layouts actively. Source layout inspiration from <visual_design_references> — these sites were hand-picked because they are doing something compelling.
24
24
 
25
- If the design calls for it, take risks and be bold. It might not always work out and that's okay — the user always has the opportunity to refine.
25
+ If the design calls for it, take risks and be bold. It might not always work out and that's okay — the user always has the opportunity to refine and will be impressed and pleased with your having taken risks.
26
26
 
27
27
  #### Things that make layouts interesting
28
28
  - Asymmetry — varied column widths, off-center compositions
@@ -42,7 +42,7 @@ If the design calls for it, take risks and be bold. It might not always work out
42
42
 
43
43
  ### Backgrounds
44
44
 
45
- Backgrounds create atmosphere. Solid white or solid gray is the safe default and the enemy of distinctiveness. Layer subtle gradients, use warm or cool tints, add geometric patterns or contextual textures. The background sets the mood before the user reads a single word. If a background uses images, it must scale to fill and blend nicely. It can never cut off abruptly or be overly visible. Use blend modes, masks, and other effects.
45
+ Backgrounds create atmosphere. Avoid boring solid-color backgrounds and instead layer subtle gradients, use warm or cool tints, add geometric patterns or contextual textures. The background sets the mood before the user reads a single word. Do not use images as backgrounds.
46
46
 
47
47
  ### Output
48
48
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindstudio-ai/remy",
3
- "version": "0.1.107",
3
+ "version": "0.1.108",
4
4
  "description": "MindStudio coding agent",
5
5
  "repository": {
6
6
  "type": "git",