synthesisui 0.4.11 → 0.4.12
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/README.md +45 -26
- package/package.json +4 -5
package/README.md
CHANGED
|
@@ -1,48 +1,67 @@
|
|
|
1
1
|
# synthesisui
|
|
2
2
|
|
|
3
|
-
CLI
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
design system.
|
|
3
|
+
The CLI for [SynthesisUI](https://www.synthesisui.com) - where your design
|
|
4
|
+
system is born, scored against the classic design canon, and delivered to any
|
|
5
|
+
coding agent.
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
Your AI writes UI. This gives it a design system to write it in: tokens, typed
|
|
8
|
+
components, whole pages and a `CLAUDE.md` manifest that Claude Code, Cursor,
|
|
9
|
+
Copilot or any coding agent reads before writing a single line.
|
|
9
10
|
|
|
10
|
-
|
|
11
|
+
> This repository is a **read-only mirror** of `packages/cli` in the SynthesisUI
|
|
12
|
+
> monorepo, published so you can audit exactly what runs in your repo.
|
|
13
|
+
> Issues and bug reports are very welcome here; pull requests can't land on a
|
|
14
|
+
> mirror - open an issue instead.
|
|
15
|
+
|
|
16
|
+
## Quickstart
|
|
11
17
|
|
|
12
18
|
```bash
|
|
13
|
-
npx synthesisui
|
|
14
|
-
npx synthesisui list # list the available design systems
|
|
15
|
-
npx synthesisui add <slug> # bring a DS into _synthesisui/ds/<slug>/
|
|
19
|
+
npx synthesisui@latest init --styles tailwind --ds <slug>
|
|
16
20
|
```
|
|
17
21
|
|
|
18
|
-
|
|
22
|
+
Pick any system from the [gallery](https://www.synthesisui.com) - or create
|
|
23
|
+
your own in two minutes.
|
|
19
24
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
25
|
+
## Commands
|
|
26
|
+
|
|
27
|
+
| Command | What it does |
|
|
28
|
+
| --- | --- |
|
|
29
|
+
| `init` | One-shot setup: materialize a system + wire your project for it |
|
|
30
|
+
| `login` | Connect to your account (device-flow in the browser) |
|
|
31
|
+
| `list` | List the design systems available to you |
|
|
32
|
+
| `add <slug>` | Materialize a system into `_synthesisui/ds/<slug>/` |
|
|
33
|
+
| `use <slug>` | Generate the agent prompt to apply the system to your app |
|
|
34
|
+
| `component <slug> <name>` | Bring one typed component into your components dir |
|
|
35
|
+
| `template <slug> <name>` | Generate a whole page (landing, dashboard, onboarding…) |
|
|
36
|
+
| `generate` | Generate a page from a saved guide structure |
|
|
37
|
+
| `advise` | Grounded design advice for this repo, from your system's rules |
|
|
38
|
+
| `refit <file>` | Send an app component back into your design system |
|
|
39
|
+
| `upgrade <slug>` | Diff your `.lock` against the latest version and migrate |
|
|
40
|
+
| `clean` | Remove materialized files and the managed CLAUDE.md block |
|
|
24
41
|
|
|
25
|
-
|
|
42
|
+
## What `add` materializes
|
|
26
43
|
|
|
27
|
-
|
|
44
|
+
Inside `_synthesisui/ds/<slug>/`:
|
|
28
45
|
|
|
29
|
-
- `design-system.json`
|
|
30
|
-
- `tokens.css`
|
|
31
|
-
- `theme.css`
|
|
32
|
-
- `GUIDE.md`
|
|
33
|
-
-
|
|
46
|
+
- `design-system.json` - the canonical source of truth
|
|
47
|
+
- `tokens.css` - CSS custom properties scoped by `data-ds`
|
|
48
|
+
- `theme.css` - optional Tailwind v4 `@theme` adapter (`bg-primary`, `p-md`, …)
|
|
49
|
+
- `GUIDE.md` - agent instructions: semantic roles, mood, recipes
|
|
50
|
+
- `rules.md` - the governance your agent must follow
|
|
51
|
+
- `.lock` - pinned slug + version (reproducible upgrades)
|
|
34
52
|
|
|
35
|
-
|
|
36
|
-
|
|
53
|
+
Plus an idempotent `<!-- synthesisui:start/end -->` block in your root
|
|
54
|
+
`CLAUDE.md` listing every installed system and its component manifest.
|
|
37
55
|
|
|
38
56
|
## Authentication
|
|
39
57
|
|
|
40
|
-
`synthesisui login` uses device-flow (RFC 8628): it opens the browser, you
|
|
41
|
-
and the token
|
|
58
|
+
`synthesisui login` uses device-flow (RFC 8628): it opens the browser, you
|
|
59
|
+
confirm a code, and the token lands in `~/.synthesisui/credentials.json`
|
|
60
|
+
(per machine, chmod 600). Logout = delete that file.
|
|
42
61
|
|
|
43
62
|
## Registry
|
|
44
63
|
|
|
45
|
-
|
|
64
|
+
Defaults to `https://www.synthesisui.com`. Override with:
|
|
46
65
|
|
|
47
66
|
```bash
|
|
48
67
|
synthesisui list --registry http://localhost:3000
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "synthesisui",
|
|
3
|
-
"version": "0.4.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.4.12",
|
|
4
|
+
"description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
7
7
|
"synthesisui": "dist/index.js"
|
|
@@ -19,11 +19,10 @@
|
|
|
19
19
|
"homepage": "https://www.synthesisui.com",
|
|
20
20
|
"repository": {
|
|
21
21
|
"type": "git",
|
|
22
|
-
"url": "git+https://github.com/SynthesisUI/
|
|
23
|
-
"directory": "packages/cli"
|
|
22
|
+
"url": "git+https://github.com/SynthesisUI/cli.git"
|
|
24
23
|
},
|
|
25
24
|
"bugs": {
|
|
26
|
-
"url": "https://github.com/SynthesisUI/
|
|
25
|
+
"url": "https://github.com/SynthesisUI/cli/issues"
|
|
27
26
|
},
|
|
28
27
|
"author": "SynthesisUI",
|
|
29
28
|
"engines": {
|