@mindstudio-ai/remy 0.1.290 → 0.1.291
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
CHANGED
|
@@ -5649,7 +5649,7 @@ var WIREFRAMES_DIR = "src/.wireframes";
|
|
|
5649
5649
|
var UPLOAD_TIMEOUT_MS2 = 3e4;
|
|
5650
5650
|
var definition10 = {
|
|
5651
5651
|
name: "createWireframe",
|
|
5652
|
-
description: "
|
|
5652
|
+
description: "Generate a wireframe from self-contained HTML+CSS you author and write it to disk as a design artifact. This is how a wireframe comes to exist \u2014 the way generateImages is how an image comes to exist \u2014 and the developer builds from the file it creates. The result also hands back the reference line that embeds the wireframe in your response and in specs; paste it wherever the wireframe belongs and it renders as a live preview. Calling again with the same slug revises the wireframe in place, so existing references stay current.",
|
|
5653
5653
|
inputSchema: {
|
|
5654
5654
|
type: "object",
|
|
5655
5655
|
properties: {
|
|
@@ -5659,7 +5659,7 @@ var definition10 = {
|
|
|
5659
5659
|
},
|
|
5660
5660
|
slug: {
|
|
5661
5661
|
type: "string",
|
|
5662
|
-
description: 'Filename stem, lowercase kebab-case (e.g. "feed-post-card").
|
|
5662
|
+
description: 'Filename stem, lowercase kebab-case (e.g. "feed-post-card"). Re-use a slug to revise that wireframe in place.'
|
|
5663
5663
|
},
|
|
5664
5664
|
description: {
|
|
5665
5665
|
type: "string",
|
package/dist/index.js
CHANGED
|
@@ -6951,7 +6951,7 @@ var init_createWireframe = __esm({
|
|
|
6951
6951
|
UPLOAD_TIMEOUT_MS2 = 3e4;
|
|
6952
6952
|
definition10 = {
|
|
6953
6953
|
name: "createWireframe",
|
|
6954
|
-
description: "
|
|
6954
|
+
description: "Generate a wireframe from self-contained HTML+CSS you author and write it to disk as a design artifact. This is how a wireframe comes to exist \u2014 the way generateImages is how an image comes to exist \u2014 and the developer builds from the file it creates. The result also hands back the reference line that embeds the wireframe in your response and in specs; paste it wherever the wireframe belongs and it renders as a live preview. Calling again with the same slug revises the wireframe in place, so existing references stay current.",
|
|
6955
6955
|
inputSchema: {
|
|
6956
6956
|
type: "object",
|
|
6957
6957
|
properties: {
|
|
@@ -6961,7 +6961,7 @@ var init_createWireframe = __esm({
|
|
|
6961
6961
|
},
|
|
6962
6962
|
slug: {
|
|
6963
6963
|
type: "string",
|
|
6964
|
-
description: 'Filename stem, lowercase kebab-case (e.g. "feed-post-card").
|
|
6964
|
+
description: 'Filename stem, lowercase kebab-case (e.g. "feed-post-card"). Re-use a slug to revise that wireframe in place.'
|
|
6965
6965
|
},
|
|
6966
6966
|
description: {
|
|
6967
6967
|
type: "string",
|
|
@@ -16,7 +16,7 @@ Think about the ways you can truly elevate the design. Use image generation to c
|
|
|
16
16
|
- After you've taken a screenshot, use analyze image to ask different questions about it - don't re-screenshot the page unnecessarily.
|
|
17
17
|
- Match the image engine to the job: `renderImage` (a browser rendering HTML you author) for token-exact graphics — share cards, wordmarks, flat icon tiles; `generateImages` (an image model) for organic, photographic, and illustrated work. Don't ask the image model to hit exact hex codes or typography, and don't hand-write SVG path data — compose HTML/CSS and render it.
|
|
18
18
|
- When you write user-facing copy (headlines, captions, labels, body text), hand it to `polishCopy` before finalizing. It tightens prose so it reads like a person wrote it rather than a machine, without changing what it says. Cheap and fast — use it on any copy that will ship.
|
|
19
|
-
- Build wireframes with `createWireframe` during your working phase as you work out a layout, component, or interaction.
|
|
19
|
+
- Build wireframes with `createWireframe` during your working phase as you work out a layout, component, or interaction. The tool generates the wireframe as a real asset, the way `generateImages` generates images: it writes the file the developer builds from, and its result hands back the reference line that embeds the wireframe in your response. Paste that line where the wireframe belongs and it renders as a live preview. Same slug = revise in place; new slug = new wireframe.
|
|
20
20
|
|
|
21
21
|
## Voice
|
|
22
22
|
- No emoji, no filler.
|
|
@@ -25,7 +25,7 @@ Some surfaces are deep enough to carry their own craft reference in <available_s
|
|
|
25
25
|
|
|
26
26
|
### Wireframes
|
|
27
27
|
|
|
28
|
-
Wireframes are design artifacts you build while you work, in the same phase as screenshots and image generation. As you work out a layout, a card anatomy, an interaction, or a motion pattern, build it with `createWireframe`: a `name`, a kebab-case `slug`, a one-line `description`, and self-contained HTML+CSS. Sketching in HTML is how you think through spatial decisions, so by the time you write your direction, the wireframes that anchor it already exist.
|
|
28
|
+
Wireframes are design artifacts you build while you work, in the same phase as screenshots and image generation. As you work out a layout, a card anatomy, an interaction, or a motion pattern, build it with `createWireframe`: a `name`, a kebab-case `slug`, a one-line `description`, and self-contained HTML+CSS. Sketching in HTML is how you think through spatial decisions, so by the time you write your direction, the wireframes that anchor it already exist as files — the developer reads them for the exact markup and CSS. Each call's result hands back the markdown reference line that embeds that wireframe; when you write your response, paste it wherever the wireframe belongs, with your notes in the surrounding prose, and it renders as a live visual preview.
|
|
29
29
|
|
|
30
30
|
Never use ASCII art, box-drawing characters, or code-block diagrams to describe layouts. Always use a wireframe instead, even if it's just grey rectangles with labels. A 20-line wireframe with placeholder boxes communicates proportions, spacing, and hierarchy better than any text diagram. For abstract layouts, use skeleton-style placeholders (grey boxes, rounded rects) rather than mocking up real content.
|
|
31
31
|
|