better-design 0.7.6 → 0.8.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/README.md CHANGED
@@ -8,7 +8,9 @@ Design systems, UI principles, icons, and code review for AI coding agents. [bet
8
8
  npx better-design
9
9
  ```
10
10
 
11
- Run it once. The installer detects your installed MCP clients (Claude Code, Cursor, VS Code, Windsurf, Zed, Cline, JetBrains, and more), writes the config merge-safe, and drops an auto-invoke rule so agents use Better Design on UI work automatically. Get an API key at [better-design.com/mcp](https://better-design.com/mcp).
11
+ Run it once. No signup needed: a free key is created automatically and written into your installed MCP clients (Claude Code, Cursor, VS Code, Windsurf, Zed, Cline, JetBrains, and more), merge-safe, with an auto-invoke rule.
12
+
13
+ The free key has a query limit; the tools link you to turn it into a free account (same key, unlimited, history kept). Already have a key? Set `BETTER_DESIGN_API_KEY`. Manage keys at [better-design.com/mcp](https://better-design.com/mcp).
12
14
 
13
15
  > After install, set `"style": "new-york"` in `components.json` before running the shadcn command (the default `base-nova` style rewrites Radix `asChild` and breaks components). The returned install instructions include this.
14
16
 
@@ -18,35 +20,30 @@ The server exposes MCP tools only; it does not register prompts.
18
20
 
19
21
  | Tool | Purpose |
20
22
  | --- | --- |
21
- | `find-design` | Search the Better Design catalog and return design system IDs. (For building an app, prefer `create-design-system` to generate the user's own brand.) |
22
- | `resolve-design-system` | Deprecated alias of `find-design`, kept one release for backward compatibility. |
23
+ | `find-design-system` | Search the Better Design catalog and return design system IDs. (For building an app, prefer `create-design-system` to generate the user's own brand.) |
23
24
  | `get-design-system-docs` | Return shadcn install commands and component source for a design system. Default path in any real project (filesystem + terminal): build real React components. |
24
25
  | `create-design-system` | Start a custom design system generation job. |
25
- | `check-design-system-status` | Poll a generated design system and return the install command when ready. |
26
+ | `get-design-system-status` | Poll a generated design system and return the install command when ready. |
26
27
  | `preview-design-system` | Return a token-true visual preview for a catalog design system. |
27
28
  | `get-design-system-html` | Export a framework-free HTML/CSS kit (real tokens + each system's real component material: card depth, button gradient/rim, switch fill, badge radius) for inline chat canvases only (ChatGPT canvas / Claude artifact) with no filesystem or build step; otherwise use `get-design-system-docs` and build React. Takes a catalog `designSystemId` OR a generated `projectId`; lists covered vs interactive-excluded components. |
28
29
  | `get-ui-principle` | Load or search visual UI principles. |
29
30
  | `get-ux-principle` | Load or search flow and interaction principles. |
30
31
  | `get-review-rules` | Return the Better Design self-review checklist. |
31
- | `resolve-icon-library` | Find an icon library for an app or project style. |
32
- | `search-icons` | Search icons by name, library, and variant. |
32
+ | `find-icon-library` | Find an icon library for an app or project style. |
33
+ | `find-icons` | Search icons by name, library, and variant. |
33
34
  | `install-icons` | Generate local icon components in the target project. |
34
35
  | `detect-icon-library` | Read an existing icon-library manifest and report the active library. |
35
36
 
36
37
  ## Setup Behavior
37
38
 
38
- `npx better-design` prompts for an API key, clients, install scope, and whether to add auto-invoke rules. For non-interactive runs, set `BETTER_DESIGN_API_KEY` and pass `--global` or `--project`.
39
-
40
- Client configs are merged into existing JSON, JSONC, TOML, or dedicated config files without removing other MCP servers. Existing files are backed up before writes, and files that contain bearer tokens are written with owner-only permissions.
41
-
42
- The installer resolves scope per client before writing. If a client supports the requested scope, it uses that scope. If a client supports only one scope, the installer falls back to that supported scope and marks the summary, for example `installed project (only scope this client supports)`. Auto-invoke rule targets use the same resolved per-client scope, so project-only clients such as Continue get project rules while global-only clients keep manual or global rule guidance.
39
+ `npx better-design` auto-creates a free key when none is set, then prompts for clients, scope, and auto-invoke rules. Non-interactive runs (agents, or `-y`/`--yes`) install silently. Configs are merged into your existing files (backed up first, never clobbering other MCP servers); scope falls back per client when one isn't supported.
43
40
 
44
- Relevant configuration:
41
+ Options:
45
42
 
46
43
  | Option | Description |
47
44
  | --- | --- |
48
- | `BETTER_DESIGN_API_KEY` | API key used for non-interactive setup. |
49
- | `BETTER_DESIGN_API_URL` | Overrides the MCP API base URL for generated client configs. |
45
+ | `-y`, `--yes` | Non-interactive: skip prompts, auto-create a key. |
46
+ | `BETTER_DESIGN_API_KEY` | Use your own key instead of auto-provisioning. |
50
47
  | `--global` | Install at user/global scope when the client supports it. |
51
48
  | `--project` | Install in the current project when the client supports it. |
52
49
  | `--help` | Print setup usage. |