@zvada/cr8 0.2.0 → 0.3.1
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/.claude-plugin/plugin.json +3 -5
- package/.codex-plugin/mcp.json +1 -1
- package/.codex-plugin/plugin.json +1 -1
- package/README.md +21 -16
- package/dist/cr8.mjs +212 -142
- package/docs/user/app-store-screenshots.md +0 -2
- package/docs/user/cli.md +7 -5
- package/docs/user/desktop.md +51 -7
- package/docs/user/feedback.md +5 -1
- package/docs/user/install.md +83 -34
- package/docs/user/mcp.md +49 -17
- package/package.json +15 -5
- package/skills/cr8-design/SKILL.md +2 -2
- package/skills/cr8-design/references/start.md +1 -1
- package/skills/cr8-flows/SKILL.md +3 -3
- package/skills/cr8-flows/references/results.md +2 -2
- package/skills/cr8-flows/references/run.md +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cr8",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "A local-first design canvas shared by people and AI agents.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Adam Zvada",
|
|
@@ -13,10 +13,8 @@
|
|
|
13
13
|
"command": "npx",
|
|
14
14
|
"args": [
|
|
15
15
|
"-y",
|
|
16
|
-
"@zvada/cr8@0.
|
|
17
|
-
"mcp"
|
|
18
|
-
"--workspace",
|
|
19
|
-
"${CLAUDE_PROJECT_DIR}"
|
|
16
|
+
"@zvada/cr8@0.3.1",
|
|
17
|
+
"mcp-connect"
|
|
20
18
|
]
|
|
21
19
|
}
|
|
22
20
|
}
|
package/.codex-plugin/mcp.json
CHANGED
package/README.md
CHANGED
|
@@ -7,16 +7,16 @@ Two workspaces share one project:
|
|
|
7
7
|
- **Design** is the canvas: artboards, layers, text, images and vectors, with generation built in.
|
|
8
8
|
- **Flows** is where repeatable AI-media recipes live: a graph of steps over image, vector and video models that a person can rerun and edit, and an agent can build and run.
|
|
9
9
|
|
|
10
|
-
One local process serves both to the browser, speaks MCP to an agent, and answers a JSON command line. Nothing runs in the cloud except the AI media itself: generation runs on hosted models with your CR8 account
|
|
10
|
+
One local process serves both to the browser, speaks MCP to an agent, and answers a JSON command line. Nothing runs in the cloud except the AI media itself: generation runs on hosted models with your CR8 account. Flow outputs stay in the cloud until you add them to Design; every asset used by a design is copied into its project. Your designs never leave your computer.
|
|
11
11
|
|
|
12
12
|
> [!NOTE]
|
|
13
13
|
> CR8 is an invited preview, and it is proprietary software: install it and use it, including for your own commercial work, but do not copy, modify or redistribute it. What you make with it is yours. The terms are in [LICENSE](LICENSE).
|
|
14
14
|
|
|
15
15
|
## Install
|
|
16
16
|
|
|
17
|
-
You need Node.js 20.19 or newer for the npm and source installs. The binaries and
|
|
17
|
+
You need Node.js 20.19 or newer for the npm and source installs. The binaries and desktop app bundle their runtime and need no separate Node/npm install. GitHub downloads currently require access to the private source repository; npm is the public install route.
|
|
18
18
|
|
|
19
|
-
**From npm
|
|
19
|
+
**From npm.** One command creates a project, serves it and opens your browser:
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
22
|
npx @zvada/cr8 start designs/first
|
|
@@ -29,16 +29,17 @@ npm install -g @zvada/cr8
|
|
|
29
29
|
cr8 start designs/first
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
**A release binary
|
|
32
|
+
**A release binary.** Each GitHub release carries one executable per platform (`cr8-darwin-arm64-unsigned.zip`, `cr8-darwin-x64-unsigned.zip`, `cr8-linux-x64.tar.gz`, `cr8-linux-arm64.tar.gz`, `cr8-windows-x64.zip`) and a `SHA256SUMS.txt`. The macOS archives are unsigned until a certificate is configured, and GitHub attests a build only for a public repository. Check the sum, unpack, run:
|
|
33
33
|
|
|
34
34
|
```bash
|
|
35
|
-
shasum -a 256 -
|
|
36
|
-
|
|
35
|
+
shasum -a 256 cr8-darwin-arm64-unsigned.zip
|
|
36
|
+
# Compare with this archive’s entry in SHA256SUMS.txt.
|
|
37
|
+
unzip cr8-darwin-arm64-unsigned.zip && ./cr8-darwin-arm64 start designs/first
|
|
37
38
|
```
|
|
38
39
|
|
|
39
|
-
**The desktop app
|
|
40
|
+
**The desktop app.** The same release carries a macOS app (dmg and zip), a Windows installer and a Linux AppImage. It is a window around the same local process: open a project folder and the canvas appears, no browser tab needed.
|
|
40
41
|
|
|
41
|
-
**From source
|
|
42
|
+
**From source.** With Git and Node.js:
|
|
42
43
|
|
|
43
44
|
```bash
|
|
44
45
|
git clone https://github.com/zvadaadam/baby-canva.git "$HOME/.cr8"
|
|
@@ -53,7 +54,7 @@ The full page, with the agent-host details, is [docs/user/install.md](docs/user/
|
|
|
53
54
|
|
|
54
55
|
## Update
|
|
55
56
|
|
|
56
|
-
|
|
57
|
+
Designs live outside the installation directory. Restart the agent host after an update, and update any version pinned in its MCP configuration separately. Keep a project backup before a major upgrade: opening a project can migrate its format.
|
|
57
58
|
|
|
58
59
|
| Installed from | Update with |
|
|
59
60
|
| --- | --- |
|
|
@@ -78,18 +79,22 @@ The first time you generate an image, CR8 asks you to connect your account: **Co
|
|
|
78
79
|
|
|
79
80
|
### With an agent
|
|
80
81
|
|
|
81
|
-
Claude Code
|
|
82
|
+
MCP hosts must support **2026-07-28** to drive CR8. The Claude Code and Codex versions [checked on 2026-09-14](docs/user/install.md#host-compatibility) still requested older protocols; saving their configuration does not verify a connection. Until your host supports the required protocol, agents can use the [JSON CLI](#from-a-terminal-or-a-script) and people can use the local browser.
|
|
83
|
+
|
|
84
|
+
A compatible host's `mcp-connect` registration joins the runtime already opened by `cr8 start` in that workspace, so you and the agent edit the same project. When none is running, the host starts CR8 on demand and stops its process when the session ends. These commands save user-level configuration:
|
|
82
85
|
|
|
83
86
|
```bash
|
|
84
|
-
claude mcp add --transport stdio --scope user cr8 -- cr8 mcp
|
|
85
|
-
codex mcp add cr8 -- cr8 mcp
|
|
87
|
+
claude mcp add --transport stdio --scope user cr8 -- cr8 mcp-connect # Claude Code
|
|
88
|
+
codex mcp add cr8 -- cr8 mcp-connect # Codex
|
|
86
89
|
```
|
|
87
90
|
|
|
88
|
-
|
|
91
|
+
One user-level registration follows each agent session's project folder. Desktop onboarding and Settings can add it directly through the installed agent CLI, without a running chat. Browser Settings offers setup prompts and manual configuration. Setup creates no design files.
|
|
92
|
+
|
|
93
|
+
After verifying the connection with a read-only `list_skills` call, ask for a deliverable:
|
|
89
94
|
|
|
90
95
|
> Initialize CR8 at `designs/thumbnail` and make a 1280 × 720 YouTube thumbnail for an AI mobile-app builder. Keep every layer editable and show me the canvas.
|
|
91
96
|
|
|
92
|
-
The agent creates the project, starts the canvas and hands you its URL. You watch and edit in the browser while it works; a host that renders MCP Apps shows the same canvas inline. Three skills ship with CR8 and teach the agent how to work well: `cr8-design` for the canvas, `cr8-flows` for recipes, `cr8-feedback` for reporting.
|
|
97
|
+
The agent creates the project, starts the canvas and hands you its URL. You watch and edit in the browser while it works; a host that renders MCP Apps shows the same canvas inline. Three skills ship with CR8 and teach the agent how to work well: `cr8-design` for the canvas, `cr8-flows` for recipes, `cr8-feedback` for reporting. MCP exposes the same instructions through `read_skill`, so separate skill installation is optional; `cr8 skills install` adds host-native discovery. If the source repository becomes public, `/plugin marketplace add zvadaadam/baby-canva` installs the server and the skills into Claude Code in one step.
|
|
93
98
|
|
|
94
99
|
The tools and what the agent sees are described in [docs/user/mcp.md](docs/user/mcp.md).
|
|
95
100
|
|
|
@@ -110,7 +115,7 @@ Bring references in and check the result against them: `cr8 import picture.png -
|
|
|
110
115
|
|
|
111
116
|
### In the desktop app
|
|
112
117
|
|
|
113
|
-
Open the app on a project folder, or launch it with `--workspace DIR --project designs/first`. It spawns the same local process, or joins one that already holds the project, and shows the canvas in its own window. See [docs/user/desktop.md](docs/user/desktop.md).
|
|
118
|
+
Open the app on a project folder, or launch it with `--workspace DIR --project designs/first`. It spawns the same local process, or joins one that already holds the project, and shows the canvas in its own window. First launch offers Create/Open and optional agent setup in the same window. Its dashboard lists local files under Canvas and saved graphs under Flows, with Settings alongside them; returning from the dashboard or Settings preserves the canvas. **Settings → Agents · MCP** configures a stable bundled launcher for Claude Code or Codex without npm; connections survive desktop restarts. See [docs/user/desktop.md](docs/user/desktop.md).
|
|
114
119
|
|
|
115
120
|
## Your files
|
|
116
121
|
|
|
@@ -132,7 +137,7 @@ Commit `cr8.json`, `flows.json`, `flow-runs.json`, `assets/` and `.gitignore`; a
|
|
|
132
137
|
|
|
133
138
|
Drawing, editing, importing, exporting, the CLI and the agent tools all work without an account. Generating images, vectors, video and image-to-layers runs on hosted models and needs your CR8 account, connected once per device: the sign-in page hands this computer a grant that renews itself and lives in CR8's home folder, readable by you alone. `cr8 connect --open` does the same from a terminal, `cr8 status` shows the connection, `cr8 disconnect` forgets it. An agent never sees your credentials; when a generation needs the account, it hands you the sign-in URL.
|
|
134
139
|
|
|
135
|
-
Every generation is recorded in the cloud with its model, prompt and parameters, and the result is copied into the project's `assets/` before the design may use it.
|
|
140
|
+
Every generation is recorded in the cloud with its model, prompt and parameters, and the result is copied into the project's `assets/` before the design may use it. Flow outputs stay in the cloud until Add to Design copies an image or SVG into the project. Clips remain in Flows; `cr8 media-download` writes a job output to a file.
|
|
136
141
|
|
|
137
142
|
## Feedback
|
|
138
143
|
|