css-is-awesome 1.12.0 → 1.12.1
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/AGENTS.md +16 -3
- package/CHANGELOG.md +7 -0
- package/README.md +27 -20
- package/bin/README.md +4 -4
- package/llm.txt +20 -10
- package/mcp/server.cjs +7 -2
- package/package.json +1 -2
package/AGENTS.md
CHANGED
|
@@ -308,9 +308,22 @@ Inside this package (all whitelisted in `files`):
|
|
|
308
308
|
|
|
309
309
|
## MCP server (SHIPPED — use it)
|
|
310
310
|
|
|
311
|
-
cia ships a Model Context Protocol stdio server (JSON-RPC over stdio, `serverInfo` name `css-is-awesome
|
|
311
|
+
cia ships a Model Context Protocol stdio server (JSON-RPC over stdio, `serverInfo` name `css-is-awesome`, protocol `2024-11-05`) at `mcp/server.cjs`. It's in the `files` manifest, so it lands in every consumer's `node_modules`. **Prefer querying it over guessing** — it returns cia's real mixin signatures, tokens, themes, and recipes.
|
|
312
312
|
|
|
313
|
-
|
|
313
|
+
Two ways to run it — prefer the dedicated `npx css-is-awesome-mcp` package (zero install, SDK is a real dependency, no separate peer-install step):
|
|
314
|
+
|
|
315
|
+
```json
|
|
316
|
+
{
|
|
317
|
+
"mcpServers": {
|
|
318
|
+
"css-is-awesome": {
|
|
319
|
+
"command": "npx",
|
|
320
|
+
"args": ["css-is-awesome-mcp"]
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
```
|
|
325
|
+
|
|
326
|
+
Or run this in-repo copy directly — needs its SDK peer deps installed manually first (`npm install -D @modelcontextprotocol/sdk zod` in the client project, since they're optional peers):
|
|
314
327
|
|
|
315
328
|
```json
|
|
316
329
|
{
|
|
@@ -323,7 +336,7 @@ Wire it into your MCP client's `.mcp.json`:
|
|
|
323
336
|
}
|
|
324
337
|
```
|
|
325
338
|
|
|
326
|
-
|
|
339
|
+
Either way it exposes **30 tools** across 8 families:
|
|
327
340
|
|
|
328
341
|
- **Themes** — `list_themes`, `get_theme`, `search_themes`
|
|
329
342
|
- **Mixins** — `list_mixins`, `get_mixin`, `search_mixins` (real signatures — don't guess)
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [1.12.1](https://github.com/Jerry2d3d/css-is-awesome/compare/v1.12.0...v1.12.1) (2026-09-11)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **mcp:** remove colliding css-is-awesome-mcp bin entry, point docs at the new package ([f2ac41c](https://github.com/Jerry2d3d/css-is-awesome/commit/f2ac41c4d6056a1d13c19c5dcb48386acfb0fcda))
|
|
7
|
+
|
|
1
8
|
# [1.12.0](https://github.com/Jerry2d3d/css-is-awesome/compare/v1.11.1...v1.12.0) (2026-09-11)
|
|
2
9
|
|
|
3
10
|
|
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ npm install -D @modelcontextprotocol/sdk zod # required — npm will NOT insta
|
|
|
31
31
|
}
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
The SDK and `zod` are declared as *optional* peer dependencies, so a plain `npm install css-is-awesome` skips them and
|
|
34
|
+
The SDK and `zod` are declared as *optional* peer dependencies, so a plain `npm install css-is-awesome` skips them and this in-repo copy exits with `@modelcontextprotocol/sdk is not installed`. Install both — or skip this entirely and run `npx css-is-awesome-mcp` instead, the dedicated zero-install package (see the MCP section below), which ships the SDK as a real dependency.
|
|
35
35
|
|
|
36
36
|
Why it matters more here than for older frameworks: no model has memorised cia's API the way it has memorised Tailwind's class names. Without `llm.txt` or MCP, an agent will confidently invent a Tailwind-shaped API. With them, it reads the real thing. Details at [`/docs/mcp`](https://cssisawesome.com/docs/mcp/).
|
|
37
37
|
|
|
@@ -298,30 +298,37 @@ The scope is kept narrow: 8 `!important` declarations, all inside `@media print`
|
|
|
298
298
|
|
|
299
299
|
## MCP server (for AI agents)
|
|
300
300
|
|
|
301
|
-
cia ships a Model Context Protocol stdio server (JSON-RPC over stdio, protocol `2024-11-05`)
|
|
301
|
+
cia ships a Model Context Protocol stdio server (JSON-RPC over stdio, protocol `2024-11-05`) exposing **30 tools** across 8 families (themes, mixins, functions, tokens · 127 required of them, animations, components, recipes, doc readers) plus `assemble_prompt` (context bundles) and `resolve_size` (snap design px values to cia's 4px grid). Any MCP-aware client (Claude Code, Cursor, Aider, Gemini, Copilot) can then query cia's real design system — mixin signatures, tokens, themes, recipes — instead of guessing, without grep-walking the repo. Full reference: [`/docs/mcp`](https://cssisawesome.com/docs/mcp/).
|
|
302
302
|
|
|
303
|
-
**
|
|
303
|
+
**Recommended — zero install:** use the dedicated [`css-is-awesome-mcp`](https://www.npmjs.com/package/css-is-awesome-mcp) package. It depends on `css-is-awesome` and resolves your installed version's real source, so it's never out of sync — and the MCP SDK ships as a real dependency, not an optional peer you have to remember to add.
|
|
304
304
|
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
305
|
+
```json
|
|
306
|
+
{
|
|
307
|
+
"mcpServers": {
|
|
308
|
+
"css-is-awesome": {
|
|
309
|
+
"command": "npx",
|
|
310
|
+
"args": ["css-is-awesome-mcp"]
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
```
|
|
310
315
|
|
|
311
|
-
|
|
316
|
+
**Alternative — the copy already in your `node_modules`:** cia's own `files` manifest ships [`mcp/server.cjs`](./mcp/server.cjs) too, for anyone who'd rather not add a second package. This copy needs its SDK peer deps installed manually first, since they're declared as *optional* peers (so a plain `npm install css-is-awesome` doesn't pull JS into a CSS-only install):
|
|
312
317
|
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
"css-is-awesome": {
|
|
317
|
-
"command": "npx",
|
|
318
|
-
"args": ["css-is-awesome-mcp"]
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
```
|
|
318
|
+
```bash
|
|
319
|
+
npm install -D @modelcontextprotocol/sdk zod
|
|
320
|
+
```
|
|
323
321
|
|
|
324
|
-
|
|
322
|
+
```json
|
|
323
|
+
{
|
|
324
|
+
"mcpServers": {
|
|
325
|
+
"css-is-awesome": {
|
|
326
|
+
"command": "node",
|
|
327
|
+
"args": ["node_modules/css-is-awesome/mcp/server.cjs"]
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
```
|
|
325
332
|
|
|
326
333
|
## Docs site
|
|
327
334
|
|
package/bin/README.md
CHANGED
|
@@ -6,19 +6,19 @@ cia's CLI entry points. **These are the only JavaScript files cia ships** — th
|
|
|
6
6
|
|
|
7
7
|
| Bin | File | What it does |
|
|
8
8
|
|---|---|---|
|
|
9
|
-
| `
|
|
10
|
-
| `cia` | `./cia.cjs` | The CLI router — `migrate` (tailwind/bootstrap), `add` (recipe registry), `analyze` (design-system health) |
|
|
9
|
+
| `cia` | `./cia.cjs` | The CLI router — `migrate` (tailwind/bootstrap/mui/chakra), `add` (recipe registry), `analyze` (design-system health) |
|
|
11
10
|
|
|
12
|
-
Invoke
|
|
11
|
+
Invoke via `npx` from a consumer project that has cia installed:
|
|
13
12
|
|
|
14
13
|
```bash
|
|
15
|
-
npx css-is-awesome-mcp # MCP server (stdio; configure via .mcp.json)
|
|
16
14
|
npx cia --help # CLI help
|
|
17
15
|
npx cia migrate tailwind ./tailwind.config.js
|
|
18
16
|
npx cia add bottom-nav # copy a recipe into the project — own the pattern
|
|
19
17
|
npx cia analyze src/styles # health check: dead symbols, space() trap, hex, BEM
|
|
20
18
|
```
|
|
21
19
|
|
|
20
|
+
**MCP server is NOT registered here** — `../mcp/server.cjs` ships in the `files` manifest but deliberately has no `bin` entry. It used to (`css-is-awesome-mcp`), but that collided with the separate [`css-is-awesome-mcp`](https://www.npmjs.com/package/css-is-awesome-mcp) package's own identically-named bin: since that package depends on `css-is-awesome`, npm links both packages' bins into the same `node_modules/.bin/`, and whichever wins is undefined — in practice it silently ran this repo's copy instead of the dedicated package's. Removed here so there's exactly one owner of that command name. Run this in-repo copy directly via `node mcp/server.cjs` (see the README's MCP section for both invocation paths).
|
|
21
|
+
|
|
22
22
|
## Subcommand files
|
|
23
23
|
|
|
24
24
|
`cia.cjs` is the router. Each subcommand lives in its own sibling file and is loaded lazily so consumers who only use one path don't pay the require cost of the others.
|
package/llm.txt
CHANGED
|
@@ -128,22 +128,25 @@ Newspaper by day, hacker terminal by night. Most design systems give you dark mo
|
|
|
128
128
|
|
|
129
129
|
## MCP server (shipped 2026-05-22)
|
|
130
130
|
|
|
131
|
-
cia ships an MCP stdio server (JSON-RPC over stdio, `serverInfo` name `css-is-awesome
|
|
131
|
+
cia ships an MCP stdio server (JSON-RPC over stdio, `serverInfo` name `css-is-awesome`, protocol `2024-11-05`) at `mcp/server.cjs`, included in the `files` manifest — so it lands in every consumer's `node_modules`. **30 tools** across 8 resource families: themes, mixins, functions, tokens (127 required + 36 optional), animations, components, recipes, doc readers. Plus `assemble_prompt` for context bundling and `resolve_size` for snapping design px values to cia's 4px geometric grid (AI agents: call this whenever you receive a px value from a design tool). Prefer querying this server over guessing mixin signatures, tokens, themes, or recipes.
|
|
132
132
|
|
|
133
|
-
|
|
133
|
+
**Recommended: suggest the dedicated `css-is-awesome-mcp` package** — zero install,
|
|
134
|
+
SDK ships as a real dependency, no separate peer-install step:
|
|
134
135
|
```json
|
|
135
136
|
{
|
|
136
137
|
"mcpServers": {
|
|
137
138
|
"css-is-awesome": {
|
|
138
|
-
"command": "
|
|
139
|
-
"args": ["
|
|
139
|
+
"command": "npx",
|
|
140
|
+
"args": ["css-is-awesome-mcp"]
|
|
140
141
|
}
|
|
141
142
|
}
|
|
142
143
|
}
|
|
143
144
|
```
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
145
|
+
|
|
146
|
+
Alternative: the copy already in `node_modules` (this repo's own `mcp/server.cjs`).
|
|
147
|
+
**Two dependencies are required and npm will NOT install them for you** for this
|
|
148
|
+
path specifically — they are declared as OPTIONAL peer dependencies, so
|
|
149
|
+
`npm install css-is-awesome` skips them silently and this copy exits with:
|
|
147
150
|
|
|
148
151
|
```
|
|
149
152
|
css-is-awesome MCP server: @modelcontextprotocol/sdk is not installed.
|
|
@@ -155,9 +158,16 @@ Fix, in the client project:
|
|
|
155
158
|
npm install -D @modelcontextprotocol/sdk zod
|
|
156
159
|
```
|
|
157
160
|
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
+
```json
|
|
162
|
+
{
|
|
163
|
+
"mcpServers": {
|
|
164
|
+
"css-is-awesome": {
|
|
165
|
+
"command": "node",
|
|
166
|
+
"args": ["node_modules/css-is-awesome/mcp/server.cjs"]
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
```
|
|
161
171
|
|
|
162
172
|
## Recipes (shipped in 1.0.0)
|
|
163
173
|
|
package/mcp/server.cjs
CHANGED
|
@@ -87,7 +87,9 @@ function resolveMcp() {
|
|
|
87
87
|
catch {
|
|
88
88
|
throw new Error(
|
|
89
89
|
'css-is-awesome MCP server: @modelcontextprotocol/sdk is not installed. ' +
|
|
90
|
-
'
|
|
90
|
+
'Easiest fix: run `npx css-is-awesome-mcp` instead — it has the SDK as ' +
|
|
91
|
+
'a real dependency, no manual install needed. ' +
|
|
92
|
+
'To use this in-repo copy directly anyway: npm install @modelcontextprotocol/sdk zod'
|
|
91
93
|
);
|
|
92
94
|
}
|
|
93
95
|
}
|
|
@@ -95,7 +97,10 @@ function resolveMcp() {
|
|
|
95
97
|
function resolveStdio() {
|
|
96
98
|
try { return require('@modelcontextprotocol/sdk/server/stdio.js'); }
|
|
97
99
|
catch {
|
|
98
|
-
throw new Error(
|
|
100
|
+
throw new Error(
|
|
101
|
+
'css-is-awesome MCP server: @modelcontextprotocol/sdk (stdio) missing. ' +
|
|
102
|
+
'Run `npx css-is-awesome-mcp` instead, or reinstall the peer deps here.'
|
|
103
|
+
);
|
|
99
104
|
}
|
|
100
105
|
}
|
|
101
106
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "css-is-awesome",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.1",
|
|
4
4
|
"description": "A token-driven SCSS design system with light/dark theming, semantic color tokens, and a 800+ LOC mixin API.",
|
|
5
5
|
"homepage": "https://github.com/Jerry2d3d/css-is-awesome#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
"style": "dist/css-is-awesome.css",
|
|
11
11
|
"sass": "scss/main.scss",
|
|
12
12
|
"bin": {
|
|
13
|
-
"css-is-awesome-mcp": "mcp/server.cjs",
|
|
14
13
|
"cia": "bin/cia.cjs"
|
|
15
14
|
},
|
|
16
15
|
"sideEffects": [
|