zelune 1.5.1 → 1.5.2
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/CHANGELOG.md +5 -0
- package/README.md +8 -15
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to the **Zelune — React Native Visual Canvas & MCP** project are documented in this file.
|
|
4
4
|
|
|
5
|
+
## [1.5.2] - 2026-10-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
- **npm Package Documentation (`README.md`)**: Simplified installation and MCP configuration snippets on npm to use `npm install -g zelune` and `npx zelune` directly instead of the GitHub repository URL.
|
|
9
|
+
|
|
5
10
|
## [1.5.1] - 2026-10-21
|
|
6
11
|
|
|
7
12
|
### Fixed
|
package/README.md
CHANGED
|
@@ -2,21 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
**Zelune** is a **Figma-style multi-screen visual canvas** and **bi-directional Babel AST sync MCP server** for React Native & Expo applications in **Google Antigravity**, Cursor, and Claude Code.
|
|
4
4
|
|
|
5
|
-
View all of your mobile screens side-by-side on clean `393 × 852` rectangular artboards in the browser, inspect any `<View>`, `<Text>`, or `<TouchableOpacity>` element, and edit copy
|
|
5
|
+
View all of your mobile screens side-by-side on clean `393 × 852` rectangular artboards in the browser, inspect any `<View>`, `<Text>`, or `<TouchableOpacity>` element, and resize, reorder, or edit copy and `StyleSheet.create` styles with instant write-back to your `.tsx` source code.
|
|
6
6
|
|
|
7
7
|
---
|
|
8
8
|
|
|
9
9
|
## Global Installation & Effortless Project Setup
|
|
10
10
|
|
|
11
|
-
### 1. Install Globally Once
|
|
11
|
+
### 1. Install Globally Once
|
|
12
12
|
```bash
|
|
13
|
-
npm install -g github:woodfur/antigravity-rn-canvas
|
|
14
|
-
# Or once published to npm:
|
|
15
13
|
npm install -g zelune
|
|
16
14
|
```
|
|
17
15
|
|
|
18
16
|
### 2. Initialize & Launch in Any React Native / Expo Project
|
|
19
|
-
Inside any React Native or Expo project folder:
|
|
17
|
+
Inside any React Native or Expo project folder (or a parent monorepo directory):
|
|
20
18
|
|
|
21
19
|
```bash
|
|
22
20
|
cd /path/to/your/react-native-app
|
|
@@ -30,14 +28,8 @@ zelune
|
|
|
30
28
|
|
|
31
29
|
You can also run it without installing globally:
|
|
32
30
|
```bash
|
|
33
|
-
npx
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
### Option B: Install the Zelune AI Agent Skill
|
|
37
|
-
Install the Zelune skill (`skills/rn-canvas/SKILL.md`), design system (`DESIGN.md`, `PRODUCT.md`), and AST rules (`rules/AGENTS.md`) into your AI coding agent:
|
|
38
|
-
|
|
39
|
-
```bash
|
|
40
|
-
npx skills add woodfur/antigravity-rn-canvas
|
|
31
|
+
npx zelune init
|
|
32
|
+
npx zelune
|
|
41
33
|
```
|
|
42
34
|
|
|
43
35
|
---
|
|
@@ -45,14 +37,14 @@ npx skills add woodfur/antigravity-rn-canvas
|
|
|
45
37
|
## Google Antigravity Integration (Zelune MCP Server)
|
|
46
38
|
|
|
47
39
|
### 1. MCP Server Setup
|
|
48
|
-
|
|
40
|
+
Running `zelune init` automatically configures `mcp_config.json`, or you can add the **Zelune** MCP server manually:
|
|
49
41
|
|
|
50
42
|
```json
|
|
51
43
|
{
|
|
52
44
|
"mcpServers": {
|
|
53
45
|
"zelune": {
|
|
54
46
|
"command": "npx",
|
|
55
|
-
"args": ["-y", "
|
|
47
|
+
"args": ["-y", "zelune", "--mcp"]
|
|
56
48
|
}
|
|
57
49
|
}
|
|
58
50
|
}
|
|
@@ -62,3 +54,4 @@ Add the **Zelune** MCP server to your `mcp_config.json`:
|
|
|
62
54
|
- `list_canvas_screens` — Lists all discovered screens (`src/screens/`, `screens/`, or Expo Router `app/`), element counts, and outgoing navigation flows.
|
|
63
55
|
- `inspect_screen_element` — Returns the resolved `StyleSheet.create` / inline styles, static text copy, and JSX snippet for any element by `file` and `astPath`.
|
|
64
56
|
- `patch_screen_element` — Surgically patches text copy or style rules in `.tsx` source files while preserving comments and formatting.
|
|
57
|
+
- `reorder_screen_element` — Surgically reorders a React Native JSX element among its Flexbox siblings in the `.tsx` AST.
|