aura-components-mcp 1.6.2 → 1.7.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/LICENSE +21 -21
- package/README.md +216 -53
- package/SETUP.md +17 -8
- package/dist/server.js +989 -192
- package/package.json +52 -53
- package/flow/app.js +0 -178
- package/flow/compare.html +0 -62
- package/flow/docs.html +0 -73
- package/flow/how.html +0 -63
- package/flow/index.html +0 -89
- package/flow/setup.html +0 -77
- package/flow/styles.css +0 -378
- package/flow/tools.html +0 -79
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026 swastiksingh-dev
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 swastiksingh-dev
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,53 +1,104 @@
|
|
|
1
|
-
|
|
1
|
+
<h1 align="center">aura-components-mcp</h1>
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
<p align="center">
|
|
4
|
+
<a href="https://www.npmjs.com/package/aura-components-mcp"><img src="https://img.shields.io/npm/v/aura-components-mcp" alt="npm version"></a>
|
|
5
|
+
<a href="https://www.npmjs.com/package/aura-components-mcp"><img src="https://img.shields.io/npm/dm/aura-components-mcp" alt="npm downloads"></a>
|
|
6
|
+
<a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-green" alt="license: MIT"></a>
|
|
7
|
+
<a href="./package.json"><img src="https://img.shields.io/badge/node-%3E%3D18-brightgreen" alt="node >= 18"></a>
|
|
8
|
+
<a href="./dist/server.js"><img src="https://img.shields.io/badge/MCP-stdio-blue" alt="MCP stdio"></a>
|
|
9
|
+
</p>
|
|
10
|
+
|
|
11
|
+
<p align="center"><i>Every free thing on Aura, one call away — no account, no key, no browser.</i></p>
|
|
4
12
|
|
|
5
13
|
<p align="center">
|
|
6
|
-
<
|
|
14
|
+
<img src="https://raw.githubusercontent.com/swastiksingh-dev/Aura-Components-MCP/main/assets/site-tour.gif" alt="aura-components-mcp demo: dark WebGL hero, 28 grouped tools, one-minute setup" width="100%">
|
|
7
15
|
</p>
|
|
8
16
|
|
|
9
17
|
> I got tired of opening twenty Aura tabs every time I started a landing page. So I built the MCP server I wanted: every free thing on aura.build, one stdio call away, no account, no key, no browser.
|
|
10
18
|
|
|
11
|
-
>
|
|
19
|
+
<p align="center">
|
|
20
|
+
<b>2,495</b> free components · <b>192</b> skills · <b>30,688</b> assets · <b>725</b> design systems<br>
|
|
21
|
+
<b>29</b> tools · <b>0</b> dependencies · <b>94</b> hermetic tests + <b>35</b> live checks green · version-checked hourly against npm
|
|
22
|
+
</p>
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
- [Why not the official MCP](#why-i-built-this-instead-of-using-the-official-mcp)
|
|
28
|
+
- [What is inside](#what-is-inside)
|
|
29
|
+
- [Install](#install)
|
|
30
|
+
- [Demo](#demo)
|
|
31
|
+
- [The 29 tools](#the-28-tools)
|
|
32
|
+
- [Fallback rules](#fallback-rules-read-this-once)
|
|
33
|
+
- [Prompt for AI agents](#-prompt-for-ai-agents--start-here)
|
|
34
|
+
- [Free only, no login](#free-only-no-login)
|
|
35
|
+
- [Develop](#develop)
|
|
36
|
+
- [Credits](#credits)
|
|
37
|
+
|
|
38
|
+
> **v1.7.0** — 29 tools: 5 pure `aura_inspo_*` mappers (recommend/components/reference/system/compare) bridge Inspo evidence to Aura calls with zero extra deps — strict macro gate (`need_macro`), palette priority brand > Inspo > Aura, enforced tokens-first, mandated image srcset plan, fast preview-URL look gate — plus 2 pure `aura_docs_*` helpers (plan/check) wiring Context7 fresh docs for tailwind/gsap/lenis/iconify, with `docs_stamp` on every install/scaffold and a look-preserving conflict rule (fresh API wins, look stays identical) — plus live `aura_icon` (Font Awesome Free + HackerNoon pixel SVGs, auto-fallback, CC BY 4.0 credit always) — plus `aura_version` (hourly npm check, prefer-latest notice, verdict inside every `aura_status`). `aura_prompt` now asks 6 questions (+macrostructure, +vibe) and leads Pass 2 with `inspo.recommend`. `aura_scaffold_page` refuses explicit Pro ids (`pro_filtered_out`). Build hardened for CRLF checkouts.
|
|
39
|
+
|
|
40
|
+
<details>
|
|
41
|
+
<summary><b>v1.6.3 changelog (20 tools)</b> — click to expand</summary>
|
|
12
42
|
|
|
13
|
-
|
|
43
|
+
> **v1.6.3** — 20 tools. New `aura_prompt`: need-based prompt in 2 passes (draft + 4 questions, ask user, then copy-paste final). Honest search: zero-overlap fallbacks return `total:0` + `no_match` + `refused_fallback` + suggestions instead of masked popular rows; `exact_match:true` skips fallbacks; recommend auto-retries once then fills from editorial picks; theme reorder-not-drop; design-systems index content/preview_html; kind-aware skill recall; slim lists by default (`slim:false` opts out); `full:true` one-shot bodies; scaffold takes `["732","1364"]` / `[{id}]`; `status.freshness` per surface; per-surface `sort:'trending'` (no dead trending tool). Search facets equal detail facets, skills deduped, token starter + preview-mode warnings, legal asset plans, scoped CSS + chunk `concat` plans, bulk-fetch, one-turn scaffold builds.
|
|
44
|
+
|
|
45
|
+
</details>
|
|
46
|
+
|
|
47
|
+
Point any MCP client at `dist/server.js` and your agent can search 2,495 free components, read 192 agent skills in full, pull 30,688 assets, and apply 725 DESIGN.md systems. It answers in seconds because there is nothing to log into and almost nothing to download: one bundled JS file, zero dependencies.
|
|
14
48
|
|
|
15
49
|
Built by [swastiksingh-dev](https://github.com/swastiksingh-dev). Catalogue content belongs to Aura (aura.build, by Meng To / DesignCode). This project is not affiliated with Aura.
|
|
16
50
|
|
|
17
|
-
|
|
51
|
+
---
|
|
52
|
+
|
|
18
53
|
|
|
19
54
|
Aura already ships an official MCP at `https://mcp.aura.build/mcp`. It is good at what it does: your Canvases, your projects, publishing, all behind OAuth. This server does the other half. It covers the public catalogue, and it skips the parts that slow an agent down: no OAuth dance, no account, no per-project scopes. A few things the official one does not do:
|
|
20
55
|
|
|
21
56
|
- `aura_install_component` tells the agent exactly how to paste a component: which CDN scripts it needs, which fonts it references, which file to put it in.
|
|
22
57
|
- `aura_use_design_system` hands back a `:root` token starter plus the copy order (tokens first, markup second).
|
|
23
|
-
- `
|
|
58
|
+
- `aura_categories` shows where the free catalogue is deepest, with live counts; per-surface `sort:'trending'` shows what is new.
|
|
24
59
|
- `aura_recommend` builds a starter kit across all four surfaces in one parallel call.
|
|
25
60
|
- Everything defaults to free. Pro rows never sneak into results.
|
|
26
61
|
|
|
27
|
-
|
|
62
|
+
---
|
|
63
|
+
|
|
28
64
|
|
|
29
65
|
- 2,495 free components with HTML/Tailwind source, preview images, tags, and author credit
|
|
30
|
-
-
|
|
66
|
+
- 192 agent skills with full SKILL.md bodies (GSAP, Tailwind v4, Anime.js, copywriting, and more)
|
|
31
67
|
- 30,688 images and clips with direct CDN URLs at multiple widths
|
|
32
68
|
- 725 DESIGN.md systems with tokens, type rules, layout notes, and preview HTML
|
|
33
|
-
-
|
|
34
|
-
-
|
|
35
|
-
- Agent accelerators: `aura_bulk_fetch`/`aura_bundle` (8 details/turn, any of 3 kinds), `aura_scaffold_page` (tokens + system + markup in dependency order), `aura_related`, `aura_install_asset` (license-aware)
|
|
69
|
+
- 29 tools over stdio, one bundle, 60-second LRU cache (300 keys) with request coalescing, author memo, category-count cache, retries with jittered backoff
|
|
70
|
+
- Honest search: AND-phrase misses retry as OR-tokens (2 passes) plus a labeled safety net — but zero title-overlap fallbacks are refused as `total:0` + `no_match` + `suggested_queries` instead of masking with popular rows; `exact_match:true` skips fallbacks entirely
|
|
71
|
+
- Agent accelerators: `aura_prompt` (2-pass prompt with user confirmation), `aura_bulk_fetch`/`aura_bundle` (8 details/turn, any of 3 kinds), `aura_scaffold_page` (tokens + system + markup in dependency order), `aura_related`, `aura_install_asset` (license-aware)
|
|
36
72
|
- Faceted lists: every component carries `facets { theme, weight, code_chars, needsTailwind, needsIcons, fonts }`; filter `theme: dark|light` server-side
|
|
37
73
|
|
|
38
74
|
Start with `aura_status`, then `aura_search_all`. That order matters: status confirms the catalogue is reachable, search_all shows which surface has the best match before you spend calls on details.
|
|
39
75
|
|
|
40
|
-
|
|
76
|
+
---
|
|
77
|
+
|
|
41
78
|
|
|
42
|
-
Needs Node 18 or newer. No other dependency.
|
|
79
|
+
Needs Node 18 or newer. No other dependency. Pick one:
|
|
43
80
|
|
|
44
81
|
```bash
|
|
45
|
-
|
|
46
|
-
|
|
82
|
+
# Option A — from source (GitHub)
|
|
83
|
+
git clone https://github.com/swastiksingh-dev/Aura-Components-MCP.git
|
|
84
|
+
cd Aura-Components-MCP
|
|
85
|
+
npm install
|
|
47
86
|
npm run build
|
|
87
|
+
node ./dist/server.js
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
```bash
|
|
91
|
+
# Option B — npm (once published)
|
|
92
|
+
npm i -g aura-components-mcp
|
|
93
|
+
aura-components-mcp
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
```bash
|
|
97
|
+
# Option C — npx, no install
|
|
98
|
+
npx -y aura-components-mcp@latest
|
|
48
99
|
```
|
|
49
100
|
|
|
50
|
-
Then register it in your client. Full per-client steps live in [SETUP.md](./SETUP.md) — Claude Code, Cursor, Codex, Windsurf, OpenCode, Cline, Roo Code, DeepSeek Harness, generic stdio
|
|
101
|
+
Then register it in your client. Full per-client steps live in [SETUP.md](./SETUP.md) — Claude Code, Cursor, Codex, Windsurf, OpenCode, Cline, Roo Code, DeepSeek Harness, generic stdio.
|
|
51
102
|
|
|
52
103
|
```bash
|
|
53
104
|
# Claude Code
|
|
@@ -64,80 +115,192 @@ claude mcp add aura-components -- node ./dist/server.js
|
|
|
64
115
|
{ "$schema": "https://opencode.ai/config.json", "mcp": { "aura-components": { "type": "local", "command": ["node", "./dist/server.js"], "enabled": true } } }
|
|
65
116
|
```
|
|
66
117
|
|
|
67
|
-
|
|
68
|
-
|
|
118
|
+
---
|
|
119
|
+
|
|
69
120
|
|
|
121
|
+
<p align="center">
|
|
122
|
+
<a href="https://raw.githubusercontent.com/swastiksingh-dev/Aura-Components-MCP/main/assets/heart-demo.mp4"><img src="https://raw.githubusercontent.com/swastiksingh-dev/Aura-Components-MCP/main/assets/site-tour.gif" alt="Watch the 10-second flow tour (MP4) — click to play" width="100%"></a>
|
|
123
|
+
<br><em>Click the preview to watch the 10-second flow tour (MP4, 1918x936, ~8MB) — same file as <a href="./assets/heart-demo.mp4">assets/heart-demo.mp4</a></em>
|
|
124
|
+
</p>
|
|
70
125
|
|
|
71
|
-
|
|
126
|
+
*`aura_prompt` turns one sentence into a confirmed prompt, `aura_recommend` turns it into a starter kit with links. Full clip in [`assets/`](assets/).*
|
|
72
127
|
|
|
73
|
-
|
|
128
|
+
---
|
|
129
|
+
|
|
74
130
|
|
|
75
|
-
|
|
131
|
+
Start with `aura_status`, then `aura_search_all`. That order matters: status confirms the catalogue is reachable, search_all shows which surface has the best match before you spend calls on details.
|
|
76
132
|
|
|
77
|
-
|
|
133
|
+
### Find
|
|
78
134
|
|
|
79
135
|
| Tool | What it returns |
|
|
80
136
|
| --- | --- |
|
|
81
137
|
| `aura_status` | Reachability plus live free counts. Call it first. |
|
|
82
|
-
| `aura_search_components` | Free components by text, category, `theme: dark\|light`, sort.
|
|
83
|
-
| `
|
|
84
|
-
| `
|
|
85
|
-
| `
|
|
138
|
+
| `aura_search_components` | Free components by text, category, `theme: dark\|light`, sort. Slim rows by default (excerpt + `full_fetch`, no 12KB code dump; `slim:false` for full). `exact_match:true` skips fallbacks (honest empty). |
|
|
139
|
+
| `aura_search_skills` | Skill metadata (title, description, source repo, views). `exact_match:true` skips fallbacks. |
|
|
140
|
+
| `aura_search_assets` | Images and clips by keyword, media type filter included. Slim rows (no 4K URLs until install). `exact_match:true` skips fallbacks. |
|
|
141
|
+
| `aura_search_design_systems` | DESIGN.md metadata: title, description, views, author. `exact_match:true` skips fallbacks. |
|
|
142
|
+
| `aura_search_all` | All four surfaces in parallel. Never empties (fallback + suggestions). `exact_match:true` for honest empty. |
|
|
143
|
+
| `aura_recommend` | A starter kit for a goal sentence, with links and a short rationale. |
|
|
144
|
+
| `aura_categories` | The 13 component categories with live free counts. Counts overlap (see `overlap_note`). |
|
|
145
|
+
| `aura_related` | 3 more-like-this per item. Discovery never dead-ends. |
|
|
146
|
+
|
|
147
|
+
### Fetch (full bodies)
|
|
148
|
+
|
|
149
|
+
| Tool | What it returns |
|
|
150
|
+
| --- | --- |
|
|
151
|
+
| `aura_get_component` | One component in full: markup, style block, preview, author, page URL. `full:true` ignores `chunk` for the full body. |
|
|
86
152
|
| `aura_get_skill` | The whole SKILL.md body. This is the one agents actually build from. |
|
|
153
|
+
| `aura_get_design_system` | Full DESIGN.md content plus preview HTML. |
|
|
154
|
+
| `aura_bundle` / `aura_bulk_fetch` | 2–8 details in one call (components/design_systems/assets). Per-item errors never fail the batch. |
|
|
155
|
+
|
|
156
|
+
### Install & build (tokens first, then markup)
|
|
157
|
+
|
|
158
|
+
| Tool | What it returns |
|
|
159
|
+
| --- | --- |
|
|
160
|
+
| `aura_install_component` | The same component plus a paste plan: CDN scripts, fonts, steps, file map, chunk `concat` plan when truncated, `css_scope_how`. |
|
|
87
161
|
| `aura_install_skill` | Where to save SKILL.md so the agent can load it, plus upstream link. |
|
|
88
|
-
| `aura_search_assets` | Images and clips by keyword, media type filter included. Slim rows (no 4K URLs until install). |
|
|
89
162
|
| `aura_install_asset` | Legal drop-in: download + preview URLs, license (all-rights-reserved per [Aura Terms §4](https://www.aura.build/terms)), file path. |
|
|
90
|
-
| `aura_search_design_systems` | DESIGN.md metadata: title, description, views, author. |
|
|
91
|
-
| `aura_get_design_system` | Full DESIGN.md content plus preview HTML. |
|
|
92
163
|
| `aura_use_design_system` | Token starter CSS plus the order to apply things in. |
|
|
93
|
-
| `
|
|
94
|
-
| `
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
|
99
|
-
|
|
|
164
|
+
| `aura_scaffold_page` | One-turn page build: tokens.css + system preview + markup in order, combined deps + files. `components: ["732","1364"]` or `[{id:"732"}]`. |
|
|
165
|
+
| `aura_prompt` | Need-based prompt in 2 passes: draft + 6 questions (theme, sections, system, assets, macrostructure, vibe), then copy-paste final. Confirm with user first. Pass 2 leads with `inspo.recommend` + `aura_inspo_recommend`. |
|
|
166
|
+
|
|
167
|
+
### Bridge (Inspo · fresh docs · icons)
|
|
168
|
+
|
|
169
|
+
| Tool | What it returns |
|
|
170
|
+
| --- | --- |
|
|
171
|
+
| `aura_inspo_recommend` | Brief → Inspo + Aura call plan (pure, no fetch). Strict macro gate: no `macrostructure` returns `need_macro:true`. Palette priority brand > Inspo > Aura. |
|
|
172
|
+
| `aura_inspo_components` | Inspo component filter → Aura category search + scaffold hint (tokens first, weight s\|m). |
|
|
173
|
+
| `aura_inspo_reference` | One Inspo JSX + one Aura component → scoped adapt plan (token swaps, css scope, files). |
|
|
174
|
+
| `aura_inspo_system` | Inspo tokens vs Aura DESIGN system → A/B/blend + one `system_choice` question + contrast warning. |
|
|
175
|
+
| `aura_inspo_compare` | 2–4 slim Inspo sites → house style + closest Aura system/component queries. |
|
|
176
|
+
| `aura_docs_plan` | Fresh-docs lookup plan (pure): library + need → Context7 resolve/query plan (trusted: tailwind, gsap, lenis, iconify) + Aura apply steps. |
|
|
177
|
+
| `aura_docs_check` | Pasted code vs fresh docs (pure): verdict current\|needs-update, look-preserving fixes, pin checks. |
|
|
178
|
+
| `aura_icon` | One free icon as ready SVG (live): FA Free + HackerNoon pixel lib, auto-fallback, license + credit always, font alternative, 24h cache. |
|
|
179
|
+
| `aura_version` | Running vs npm-published version (live, hourly cache). `update_available` + prefer-latest notice. `aura_status` carries the verdict on every call. |
|
|
180
|
+
| `aura_version` | Running vs npm-published version (live, hourly cache). `update_available` + prefer-latest notice. `aura_status` carries the verdict on every call. |
|
|
100
181
|
|
|
101
182
|
Every row carries `page_url` (open it to see the design) and `author` where Aura credits one.
|
|
102
183
|
|
|
103
|
-
|
|
184
|
+
---
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
- **Per surface, not global.** `aura_search_all` fans out to four independent pipelines (phrase → OR-tokens → safety net → kind-aware refusal). Mixed outcomes are normal and correct: skills may return `fallback:or-tokens:...` while components return `total:0, no_match:true`. Read `isFallback` / `no_match` on each surface — never assume one flag covers all four.
|
|
188
|
+
- **Recommend fills the kit.** If components come back `no_match`, `aura_recommend` auto-retries once with `suggested_queries[0]` (`retried:true, retried_from:<query>`), then falls back to human-grade editorial picks (`editorial_fallback:true`). The starter kit is never left empty on a text goal.
|
|
189
|
+
- **Big code in one call.** Search rows are slim excerpts by design. Skip the 3-chunk manual concat: `aura_get_component {id, full:true}` and `aura_scaffold_page {goal, full:true}` return complete bodies (33,897-char component verified in one call). Default stays chunked to protect context.
|
|
190
|
+
- **Counts are live upstream.** `aura_status` counts mirror the Aura catalogue right now; `freshness` shows max `updated_at` per surface. Counts only grow when Aura publishes — a freshness bump with flat counts means metadata moved, not new components.
|
|
191
|
+
|
|
192
|
+
---
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
> The fastest way to a shippable page. Two passes, one confirmation.
|
|
196
|
+
|
|
197
|
+
```text
|
|
198
|
+
Pass 1 — agent calls:
|
|
199
|
+
aura_prompt { "goal": "dark SaaS pricing" }
|
|
200
|
+
|
|
201
|
+
Server returns: draft_prompt + 6 questions + next_call.
|
|
202
|
+
Agent MUST ask you (theme / sections / system / assets / macrostructure / vibe) via native question UI.
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
```text
|
|
206
|
+
Pass 2 — agent calls with your answers:
|
|
207
|
+
aura_prompt { "goal": "dark SaaS pricing",
|
|
208
|
+
"answers": { "theme": "dark", "sections": ["hero","pricing"],
|
|
209
|
+
"system": "auto-pick", "assets": "no" } }
|
|
210
|
+
|
|
211
|
+
Server returns: final_prompt (copy-paste) + plan order + suggested calls.
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
Copy-paste starter you can say to any agent:
|
|
215
|
+
|
|
216
|
+
```text
|
|
217
|
+
Check aura_status. Then call aura_prompt with my goal, ask me its 6 questions,
|
|
218
|
+
then call it again with my answers and follow its suggested_calls.
|
|
219
|
+
My goal: dark cinematic portfolio.
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
Rules baked in: Tailwind `container mx-auto px-4`, hex 50-900, 768px hamburger,
|
|
223
|
+
hover scale 1.05 + shadow, Inter 40-60/28-36/14-16, motion <500ms +
|
|
224
|
+
`prefers-reduced-motion`, tokens first then markup.
|
|
225
|
+
Sources: [tips-for-prompting](https://www.aura.build/learn/tips-for-prompting),
|
|
226
|
+
[introduction](https://www.aura.build/learn/introduction),
|
|
227
|
+
[design-systems](https://www.aura.build/design-systems).
|
|
228
|
+
|
|
229
|
+
---
|
|
230
|
+
|
|
104
231
|
|
|
105
232
|
New landing page, dark cinematic portfolio, SaaS pricing section. The shape is the same each time:
|
|
106
233
|
|
|
107
|
-
1. `
|
|
108
|
-
2. `
|
|
109
|
-
3. `
|
|
110
|
-
4. `
|
|
234
|
+
1. `aura_prompt` with the goal sentence. Answer its 6 questions. Copy the final prompt.
|
|
235
|
+
2. `aura_recommend` with the goal sentence. Skim the starter kit links.
|
|
236
|
+
3. `aura_get_component` on two or three finalists. Read the markup, not just the description.
|
|
237
|
+
4. `aura_install_component` on the winner. Follow the file map.
|
|
238
|
+
5. `aura_use_design_system` once, before any markup, so tokens land first.
|
|
111
239
|
|
|
112
240
|
Prompts that work well are in [SETUP.md](./SETUP.md#prompts-that-work).
|
|
113
241
|
|
|
114
|
-
|
|
242
|
+
---
|
|
243
|
+
|
|
115
244
|
|
|
116
245
|
There is no auth in this server. No OAuth, no API key to paste, no account to create. Reads go to the same public catalogue endpoints the Aura website uses. The `premium` flag stays on every component row, free-only is the default, and `aura_install_component` refuses Pro ids instead of guessing. If Aura rotates its public key, set `AURA_SUPABASE_ANON_KEY` and rebuild; nothing else changes.
|
|
117
246
|
|
|
118
|
-
Optional tuning (
|
|
247
|
+
Optional tuning (all with defaults):
|
|
248
|
+
|
|
249
|
+
<details>
|
|
250
|
+
<summary><b>Environment variables</b> — click to expand</summary>
|
|
251
|
+
|
|
252
|
+
| Var | Default | Meaning |
|
|
253
|
+
| --- | --- | --- |
|
|
254
|
+
| `AURA_TIMEOUT_MS` | 12000 | Upstream timeout |
|
|
255
|
+
| `AURA_RETRIES` | 2 | Retry budget for 429/5xx with jittered backoff |
|
|
256
|
+
| `AURA_CACHE_TTL_MS` | 60000 | LRU cache TTL (`0` disables) |
|
|
257
|
+
| `AURA_DEFAULT_LIMIT` / `AURA_MAX_LIMIT` | 10 / 25 | Pagination defaults and ceiling |
|
|
258
|
+
| `AURA_CODE_CHARS` / `AURA_CONTENT_CHARS` | 12000 | Chunk sizes for code/content paging |
|
|
259
|
+
| `AURA_FREE_ONLY_DEFAULT` | true | Keep free-only default |
|
|
260
|
+
|
|
261
|
+
</details>
|
|
119
262
|
|
|
120
|
-
|
|
263
|
+
---
|
|
264
|
+
|
|
121
265
|
|
|
122
266
|
```bash
|
|
123
|
-
npm test #
|
|
124
|
-
npm run verify #
|
|
267
|
+
npm test # hermetic tests, no network
|
|
268
|
+
npm run verify # 35 live checks against the real catalogue
|
|
125
269
|
npm run build # rebundle src/*.mjs into dist/server.js
|
|
126
270
|
```
|
|
127
271
|
|
|
128
|
-
Layout: `src/config.mjs` holds env parsing. `src/http.mjs` hides timeouts and retries behind an injectable fetch. `src/catalog.mjs` is the deep module (queries, cache, shaping, counts). `src/guide.mjs` turns rows into install plans. `src/tools.mjs` validates args. `src/protocol.mjs` speaks JSON-RPC. `src/server.mjs` only wires stdio.
|
|
272
|
+
Layout: `src/config.mjs` holds env parsing. `src/http.mjs` hides timeouts and retries behind an injectable fetch. `src/catalog.mjs` is the deep module (queries, cache, shaping, counts). `src/icons.mjs` fetches free icons (FA + pixel lib) with its own 24h cache. `src/guide.mjs` turns rows into install plans plus pure mappers (`buildPrompt`, `combineScaffold`, `buildInspo*`, `buildDocs*` — same seam for tools + tests + docs). `src/tools.mjs` validates args. `src/protocol.mjs` speaks JSON-RPC. `src/server.mjs` only wires stdio.
|
|
129
273
|
|
|
130
|
-
|
|
274
|
+
---
|
|
275
|
+
|
|
131
276
|
|
|
132
277
|
Star it if it saved you a tab or twenty: [github.com/swastiksingh-dev/Aura-Components-MCP](https://github.com/swastiksingh-dev/Aura-Components-MCP). Reposits welcome — see [DIRECTION.md](./DIRECTION.md) for where this is headed.
|
|
133
278
|
|
|
279
|
+
[](https://star-history.com/#swastiksingh-dev/Aura-Components-MCP&Date)
|
|
280
|
+
|
|
134
281
|
```text
|
|
135
|
-
built a free design MCP on aura.build: 2495 components,
|
|
282
|
+
built a free design MCP on aura.build: 2495 components, 192 skills, 30k assets, 29 tools. no login. resources are @MengTo's
|
|
136
283
|
|
|
137
|
-
npx -y aura-components-mcp
|
|
284
|
+
npx -y aura-components-mcp@latest
|
|
138
285
|
https://github.com/swastiksingh-dev/Aura-Components-MCP
|
|
139
286
|
```
|
|
140
287
|
|
|
141
|
-
|
|
288
|
+
---
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
Server code by [swastiksingh-dev](https://github.com/swastiksingh-dev), MIT. Free to fork, use, and sell with. If you fork this, keep the credit line and point people at the original repo.
|
|
292
|
+
|
|
293
|
+
| Source | Used for | License / terms |
|
|
294
|
+
| --- | --- | --- |
|
|
295
|
+
| [Aura](https://www.aura.build) (Meng To / DesignCode) | The entire catalogue: components, skills, assets, design systems | Belongs to Aura and credited authors; assets all-rights-reserved per [Aura Terms §4](https://www.aura.build/terms) |
|
|
296
|
+
| [Official Aura MCP](https://www.aura.build/mcp) | Comparison only (account projects/publishing over OAuth — the half this server skips) | Aura's terms |
|
|
297
|
+
| Inspo design-reference MCP | Real-site evidence behind `aura_inspo_*` (`recommend`, `find_components`, `get_reference_jsx`, `compare`) | Reference JSX belongs to its authors — adapt tokens, don't ship verbatim |
|
|
298
|
+
| [Context7](https://context7.com) | Fresh library docs behind `aura_docs_*` (trusted: Tailwind CSS, GSAP, Lenis, Iconify) | Docs belong to their projects |
|
|
299
|
+
| [Font Awesome Free](https://fontawesome.com) | Icons via `aura_icon` (served from jsDelivr + cdnjs) | [CC BY 4.0](https://fontawesome.com/license/free) — credit on every hit, enforced by the tool |
|
|
300
|
+
| [HackerNoon Pixel Icon Library](https://github.com/hackernoon/pixel-icon-library) ([site](https://pixeliconlibrary.com)) | Pixel icons via `aura_icon` (served from jsDelivr) | Icons CC BY 4.0, other files MIT — credit on every hit, enforced by the tool |
|
|
301
|
+
| Upstream libraries (Tailwind CSS, GSAP, Lenis, Iconify) | The code this server's guides point at | Each project's own license — check before shipping |
|
|
302
|
+
|
|
303
|
+
---
|
|
304
|
+
|
|
142
305
|
|
|
143
|
-
|
|
306
|
+
MIT — see [LICENSE](./LICENSE).
|
package/SETUP.md
CHANGED
|
@@ -5,10 +5,17 @@ One server, every client below. No account, no key, nothing to log into. If Node
|
|
|
5
5
|
Build once:
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
git clone https://github.com/swastiksingh-dev/
|
|
9
|
-
cd
|
|
8
|
+
git clone https://github.com/swastiksingh-dev/Aura-Components-MCP.git
|
|
9
|
+
cd Aura-Components-MCP
|
|
10
|
+
npm install
|
|
10
11
|
npm run build
|
|
11
|
-
node ./dist/server.js # prints: aura-components-mcp v1.
|
|
12
|
+
node ./dist/server.js # prints: aura-components-mcp v1.7.0 listening on stdio (Ctrl+C to stop)
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
# Or without cloning:
|
|
17
|
+
npm i -g aura-components-mcp
|
|
18
|
+
npx -y aura-components-mcp@latest
|
|
12
19
|
```
|
|
13
20
|
|
|
14
21
|
If that last line prints, the server works. Everything below just points a client at the same file.
|
|
@@ -62,11 +69,11 @@ Restart Windsurf, open Cascade, allow the server when asked.
|
|
|
62
69
|
|
|
63
70
|
1. Open Cline settings, MCP Servers section.
|
|
64
71
|
2. Add server: command `node`, arg `/absolute/path/to/aura-components-mcp/dist/server.js`, name `aura-components`.
|
|
65
|
-
3. It lists
|
|
72
|
+
3. It lists 29 tools starting with `aura_`. Approve them once.
|
|
66
73
|
|
|
67
74
|
## Roo Code (VS Code)
|
|
68
75
|
|
|
69
|
-
Same as Cline: Add MCP server, command `node`, args `["/absolute/path/to/aura-components-mcp/dist/server.js"]`. Roo shows the
|
|
76
|
+
Same as Cline: Add MCP server, command `node`, args `["/absolute/path/to/aura-components-mcp/dist/server.js"]`. Roo shows the 29 `aura_` tools in its tool list after reload.
|
|
70
77
|
|
|
71
78
|
## DeepSeek Harness
|
|
72
79
|
|
|
@@ -76,7 +83,7 @@ This repo was built inside it. Register the server the same stdio way:
|
|
|
76
83
|
node ./dist/server.js
|
|
77
84
|
```
|
|
78
85
|
|
|
79
|
-
as a stdio MCP entry (command `node`, args `dist/server.js`), or run `npm run verify` first to watch all
|
|
86
|
+
as a stdio MCP entry (command `node`, args `dist/server.js`), or run `npm run verify` first to watch all 25 live checks pass before wiring it in.
|
|
80
87
|
|
|
81
88
|
## OpenCode
|
|
82
89
|
|
|
@@ -95,7 +102,7 @@ Add to `opencode.json` (or `opencode.jsonc`) in your project root or `~/.config/
|
|
|
95
102
|
}
|
|
96
103
|
```
|
|
97
104
|
|
|
98
|
-
Restart OpenCode (or run `/mcp` to reload). The
|
|
105
|
+
Restart OpenCode (or run `/mcp` to reload). The 29 `aura_*` tools show up in the TUI. Same first prompt as Claude Code above. A copy-paste file lives at `examples/opencode.json`.
|
|
99
106
|
|
|
100
107
|
## Any other MCP client
|
|
101
108
|
|
|
@@ -103,11 +110,13 @@ Transport is stdio, no auth. Command `node`, args `["/absolute/path/to/aura-comp
|
|
|
103
110
|
|
|
104
111
|
## Prompts that work
|
|
105
112
|
|
|
113
|
+
- `Check aura_status. Then call aura_prompt with "dark SaaS pricing", ask me its 6 questions, then call it again with my answers.`
|
|
106
114
|
- `Check aura_status. Then recommend a starter kit for a dark cinematic portfolio (free only).`
|
|
107
115
|
- `Search free pricing components, get the top two in full, and tell me which pastes cleaner into Tailwind.`
|
|
108
116
|
- `Which skill covers GSAP ScrollTrigger pin and scrub? Fetch it in full and apply the pinned-section recipe.`
|
|
109
|
-
- `
|
|
117
|
+
- `Recommend a starter kit for a dark SaaS pricing page (free only) — it auto-retries once via suggested queries, then fills from editorial picks if the goal matches nothing.`
|
|
110
118
|
- `List categories with counts, then search the deepest free one for a landing page hero.`
|
|
119
|
+
- `Scaffold a dark SaaS pricing page: aura_scaffold_page { "goal": "dark SaaS pricing", "components": ["732","1364"] } (object refs like [{ "id": "732" }] work too).`
|
|
111
120
|
|
|
112
121
|
## Troubleshooting
|
|
113
122
|
|