@zvada/cr8 0.1.0 → 0.3.0
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 +34 -16
- package/dist/cr8.mjs +460 -171
- package/docs/user/app-store-screenshots.md +0 -2
- package/docs/user/cli.md +48 -42
- package/docs/user/desktop.md +48 -8
- package/docs/user/feedback.md +5 -1
- package/docs/user/install.md +60 -34
- package/docs/user/mcp.md +52 -18
- package/package.json +27 -59
- package/skills/cr8-design/SKILL.md +30 -16
- package/skills/cr8-design/references/build.md +63 -7
- package/skills/cr8-design/references/cli.md +6 -3
- package/skills/cr8-design/references/start.md +5 -1
- package/skills/cr8-design/references/verify.md +16 -0
- 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.0",
|
|
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.0",
|
|
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
|
| --- | --- |
|
|
@@ -81,15 +82,17 @@ The first time you generate an image, CR8 asks you to connect your account: **Co
|
|
|
81
82
|
Claude Code, Codex and any MCP host can drive CR8. The host starts the server when a tool is called and stops it when the session ends, so do not run `cr8 start` for the agent.
|
|
82
83
|
|
|
83
84
|
```bash
|
|
84
|
-
claude mcp add --transport stdio --scope user cr8 -- cr8 mcp
|
|
85
|
-
codex mcp add cr8 -- cr8 mcp
|
|
85
|
+
claude mcp add --transport stdio --scope user cr8 -- cr8 mcp-connect # Claude Code
|
|
86
|
+
codex mcp add cr8 -- cr8 mcp-connect # Codex
|
|
86
87
|
```
|
|
87
88
|
|
|
88
|
-
|
|
89
|
+
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.
|
|
90
|
+
|
|
91
|
+
Then ask for a deliverable:
|
|
89
92
|
|
|
90
93
|
> 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
94
|
|
|
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.
|
|
95
|
+
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
96
|
|
|
94
97
|
The tools and what the agent sees are described in [docs/user/mcp.md](docs/user/mcp.md).
|
|
95
98
|
|
|
@@ -110,7 +113,7 @@ Bring references in and check the result against them: `cr8 import picture.png -
|
|
|
110
113
|
|
|
111
114
|
### In the desktop app
|
|
112
115
|
|
|
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).
|
|
116
|
+
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
117
|
|
|
115
118
|
## Your files
|
|
116
119
|
|
|
@@ -132,7 +135,7 @@ Commit `cr8.json`, `flows.json`, `flow-runs.json`, `assets/` and `.gitignore`; a
|
|
|
132
135
|
|
|
133
136
|
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
137
|
|
|
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.
|
|
138
|
+
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
139
|
|
|
137
140
|
## Feedback
|
|
138
141
|
|
|
@@ -159,4 +162,19 @@ npm run build # the package, the account hub and the desktop
|
|
|
159
162
|
npm run test:install # pack the npm artifact and install it the way a user would
|
|
160
163
|
```
|
|
161
164
|
|
|
162
|
-
|
|
165
|
+
The product lives in eight private npm workspaces. Each owns its dependencies, configuration and focused tests:
|
|
166
|
+
|
|
167
|
+
| Package | Owns |
|
|
168
|
+
| --- | --- |
|
|
169
|
+
| [core](packages/core/) | Canonical scene, commands, layout and local protocol |
|
|
170
|
+
| [runtime](packages/runtime/) | Local process, project files, CLI, MCP and media clients |
|
|
171
|
+
| [editor](packages/editor/) | Browser editor, Flows and embedded MCP App |
|
|
172
|
+
| [desktop](packages/desktop/) | Electron launcher over the local runtime |
|
|
173
|
+
| [account-hub](packages/account-hub/) | Cloud account UI, WorkOS and installation grants |
|
|
174
|
+
| [media-api](packages/media-api/) | Cloud generation Worker, providers and output catalog |
|
|
175
|
+
| [contracts](packages/contracts/) | Contracts shared with the Workers |
|
|
176
|
+
| [media-safety](packages/media-safety/) | Image and SVG byte validation |
|
|
177
|
+
|
|
178
|
+
Run a focused command from the root with `npm run test --workspace @cr8/editor`, or from inside that package with `npm test`. Root `tests/` holds cross-package integration and installation checks. Root scripts assemble and verify the whole product.
|
|
179
|
+
|
|
180
|
+
The root remains the published `@zvada/cr8` package and plugin: `npm run build:package` bundles the private workspace source into one `dist/cr8.mjs`, with no installed runtime dependencies. The account hub has its own build into `dist/account`; the local editor is loopback-only. See [architecture](docs/internals/architecture.md), the [package decision](docs/decisions/2026-09-10-package-ownership.md), and the [release runbook](docs/operations/release.md).
|