@nexub/mcp 2.2.0 → 2.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/dist/skill/SKILL.md
CHANGED
|
@@ -43,13 +43,24 @@ export default {
|
|
|
43
43
|
};
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
+
```css
|
|
47
|
+
/* Tailwind v4: no config file. Load the theme CSS here, in the base layer, instead of from JS */
|
|
48
|
+
@layer theme, base, components, utilities;
|
|
49
|
+
@import "@nexub/themes/base" layer(base);
|
|
50
|
+
@import "@nexub/themes/light" layer(base);
|
|
51
|
+
@import "tailwindcss";
|
|
52
|
+
@import "@nexub/tokens/tailwind.css";
|
|
53
|
+
@source "../node_modules/@nexub/react/dist";
|
|
54
|
+
@source "../node_modules/@nexub/patterns/dist";
|
|
55
|
+
```
|
|
56
|
+
|
|
46
57
|
Wrap the app in `<ThemeProvider defaultTheme="system" storageKey="app-theme">` from `@nexub/react`. In server-rendered apps (Next.js), put `<ThemeScript storageKey="app-theme" />` in `<head>` and add `suppressHydrationWarning` to `<html>`. Product brands: set `data-product="leap" | "bookub" | "payub" | "founderub"` on the root. This remaps the `tertiary` role.
|
|
47
58
|
|
|
48
59
|
## 2. How to build a screen
|
|
49
60
|
|
|
50
61
|
1. **Start from a pattern.** Check the Patterns sections of `references/components.md` before you compose anything by hand.
|
|
51
62
|
2. **Then use components.** Use `@nexub/react` for every control, overlay, layout primitive and piece of typography. Never hand-roll a button, input, dialog, menu or table that the library already has.
|
|
52
|
-
3. **Then use tokens, only for the glue.** Use Tailwind utilities from the preset (`bg-surface-container-low`, `text-on-surface-variant`, `p-4`, `gap-6`, `rounded-shape-container`, `text-title-md`) or `var(--…)`.
|
|
63
|
+
3. **Then use tokens, only for the glue.** Use Tailwind utilities from the preset or v4 theme (`bg-surface-container-low`, `text-on-surface-variant`, `p-4`, `gap-6`, `rounded-shape-container`, `text-title-md`) or `var(--…)`.
|
|
53
64
|
4. **Never hardcode design values.** That means no hex or rgb colors, no Tailwind palette colors (`bg-blue-500`, `text-gray-600`), no arbitrary px values (`p-[13px]`), no ad-hoc shadows or gradients.
|
|
54
65
|
|
|
55
66
|
Starting points for typical SaaS screens:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Component index
|
|
2
2
|
|
|
3
|
-
Nexub DS v2.
|
|
3
|
+
Nexub DS v2.3.0. Open `components/<slug>.md` for props, examples and accessibility notes.
|
|
4
4
|
Never use a component marked deprecated.
|
|
5
5
|
|
|
6
6
|
## Components — Actions
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Tokens
|
|
2
2
|
|
|
3
|
-
Nexub DS v2.
|
|
3
|
+
Nexub DS v2.3.0. Every token is a CSS custom property from `@nexub/tokens/css` (loaded by `@nexub/themes/base`).
|
|
4
4
|
The Tailwind preset (`@nexub/tokens/tailwind`) maps them to utilities. Never hardcode a hex, px spacing or shadow that a token covers.
|
|
5
5
|
|
|
6
6
|
## Color roles
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexub/mcp",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"description": "MCP server for Nexub Design System: gives Claude, Cursor and any MCP client the components, patterns, tokens and design rules of the installed release.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|