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.
Files changed (2) hide show
  1. package/README.md +45 -26
  2. package/package.json +4 -5
package/README.md CHANGED
@@ -1,48 +1,67 @@
1
1
  # synthesisui
2
2
 
3
- CLI to bring design systems published on [SynthesisUI](https://www.synthesisui.com)
4
- into any project. It materializes the system into `_synthesisui/ds/<slug>/` and injects
5
- a managed block into the root `CLAUDE.md`, so Claude Code builds components following the
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
- ## Usage
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
- Without installing anything:
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 login # connect the CLI to your account (device-flow in the browser)
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
- Or install globally:
22
+ Pick any system from the [gallery](https://www.synthesisui.com) - or create
23
+ your own in two minutes.
19
24
 
20
- ```bash
21
- npm install -g synthesisui
22
- synthesisui add halogen
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
- ### What `add` materializes
42
+ ## What `add` materializes
26
43
 
27
- In `_synthesisui/ds/<slug>/`:
44
+ Inside `_synthesisui/ds/<slug>/`:
28
45
 
29
- - `design-system.json` the canonical source of truth of the design system
30
- - `tokens.css` CSS custom properties scoped by `data-ds`
31
- - `theme.css` optional Tailwind v4 `@theme` adapter (use `bg-primary`, `p-md`, … backed by the tokens)
32
- - `GUIDE.md` instructions for the agent (semantic roles, mood, recipes, how to add components)
33
- - `.lock` pinned slug + version (reproducible)
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
- And it injects an idempotent `<!-- synthesisui:start/end -->` block into the root `CLAUDE.md`,
36
- reflecting every installed DS.
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 confirm a code,
41
- and the token is saved to `~/.synthesisui/credentials.json` (per machine). Logout = delete that file.
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
- By default it points to `https://www.synthesisui.com`. Override it with:
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.11",
4
- "description": "Traz design systems do SynthesisUI para qualquer projeto (materializa em _local/ds/).",
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/synthesisui-hub.git",
23
- "directory": "packages/cli"
22
+ "url": "git+https://github.com/SynthesisUI/cli.git"
24
23
  },
25
24
  "bugs": {
26
- "url": "https://github.com/SynthesisUI/synthesisui-hub/issues"
25
+ "url": "https://github.com/SynthesisUI/cli/issues"
27
26
  },
28
27
  "author": "SynthesisUI",
29
28
  "engines": {