aura-components-mcp 1.6.2 → 1.6.3
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 +87 -27
- package/SETUP.md +17 -8
- package/dist/server.js +1262 -978
- package/flow/compare.html +67 -62
- package/flow/docs.html +78 -73
- package/flow/how.html +68 -63
- package/flow/index.html +94 -89
- package/flow/setup.html +82 -77
- package/flow/tools.html +84 -79
- package/package.json +53 -53
package/flow/index.html
CHANGED
|
@@ -1,89 +1,94 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="dark" class="no-js">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<title>aura-components-mcp — free Aura catalogue for every agent</title>
|
|
7
|
-
<meta name="description" content="Free MCP server for the Aura public catalogue: 2,495 components, 187 skills, 30,688 assets, 725 design systems. No login.">
|
|
8
|
-
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='black'/%3E%3Cpath d='M16 6 26 24h-5l-5-10-5 10H6z' fill='white'/%3E%3C/svg%3E">
|
|
9
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
-
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
12
|
-
<meta name="color-scheme" content="light dark">
|
|
13
|
-
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
|
|
14
|
-
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
|
15
|
-
<
|
|
16
|
-
<
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
<
|
|
22
|
-
<
|
|
23
|
-
<
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
<div
|
|
29
|
-
<
|
|
30
|
-
<a
|
|
31
|
-
|
|
32
|
-
<
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
</
|
|
36
|
-
|
|
37
|
-
<
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
<div class="
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
<
|
|
46
|
-
<div class="
|
|
47
|
-
<
|
|
48
|
-
<
|
|
49
|
-
<div class="
|
|
50
|
-
</div
|
|
51
|
-
<div class="
|
|
52
|
-
<
|
|
53
|
-
<
|
|
54
|
-
</div></div>
|
|
55
|
-
|
|
56
|
-
<
|
|
57
|
-
<
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
<
|
|
61
|
-
<
|
|
62
|
-
</
|
|
63
|
-
<
|
|
64
|
-
<
|
|
65
|
-
<div class="
|
|
66
|
-
<div class="card reveal"><code>
|
|
67
|
-
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
<
|
|
71
|
-
<div class="
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<div class="
|
|
76
|
-
<div class="
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
<div class="
|
|
81
|
-
<div><
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
<
|
|
86
|
-
<a href="
|
|
87
|
-
<
|
|
88
|
-
</
|
|
89
|
-
</
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" data-theme="dark" class="no-js">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<title>aura-components-mcp — free Aura catalogue for every agent</title>
|
|
7
|
+
<meta name="description" content="Free MCP server for the Aura public catalogue: 2,495 components, 187 skills, 30,688 assets, 725 design systems. No login.">
|
|
8
|
+
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='black'/%3E%3Cpath d='M16 6 26 24h-5l-5-10-5 10H6z' fill='white'/%3E%3C/svg%3E">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
12
|
+
<meta name="color-scheme" content="light dark">
|
|
13
|
+
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
|
|
14
|
+
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
|
15
|
+
<meta property="og:title" content="aura-components-mcp — free Aura catalogue for every agent">
|
|
16
|
+
<meta property="og:description" content="Free MCP server for the Aura public catalogue: 2,495 components, 187 skills, 30,688 assets, 725 design systems. No login.">
|
|
17
|
+
<meta property="og:type" content="website">
|
|
18
|
+
<meta property="og:image" content="https://raw.githubusercontent.com/swastiksingh-dev/Aura-Components-MCP/main/assets/social-preview.png">
|
|
19
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
20
|
+
<script>(function(){try{var s=localStorage.getItem("acm-theme");document.documentElement.dataset.theme=s==="light"?"light":"dark"}catch(e){document.documentElement.dataset.theme="dark"}})();</script>
|
|
21
|
+
<link rel="stylesheet" href="./styles.css">
|
|
22
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" defer></script>
|
|
23
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" defer></script>
|
|
24
|
+
<script src="./app.js" defer></script>
|
|
25
|
+
</head>
|
|
26
|
+
<body>
|
|
27
|
+
<a class="skip" href="#main">Skip to content</a>
|
|
28
|
+
<div id="progress"></div>
|
|
29
|
+
<nav class="nav"><div class="nav-in">
|
|
30
|
+
<a class="brand" href="./index.html" aria-label="aura-components-mcp home">
|
|
31
|
+
<span class="mark" aria-hidden="true"><svg viewBox="0 0 32 32"><path d="M16 5 27 25h-5.2L16 13.2 10.2 25H5Z" style="fill:var(--bg)"/><rect x="11" y="21.3" width="10" height="2.5" rx="1.25" style="fill:var(--muted2)"/></svg></span>
|
|
32
|
+
<span class="bname">aura-components-mcp<small>free catalogue · no login</small></span></a>
|
|
33
|
+
<div class="tabs" id="tabs">
|
|
34
|
+
<a href="./index.html">Home</a><a href="./how.html">How it works</a><a href="./tools.html">Tools</a>
|
|
35
|
+
<a href="./compare.html">Compare</a><a href="./setup.html">Setup</a><a href="./docs.html">Docs</a>
|
|
36
|
+
</div>
|
|
37
|
+
<a class="ghbtn" href="https://github.com/swastiksingh-dev/Aura-Components-MCP" aria-label="GitHub"><svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg><span>GitHub</span></a>
|
|
38
|
+
<button class="iconbtn menubtn" id="menuBtn" aria-label="Menu">☰</button>
|
|
39
|
+
<button class="iconbtn" id="themeBtn" title="Toggle theme">☾</button>
|
|
40
|
+
</div></nav>
|
|
41
|
+
<div class="mpanel" id="mpanel"><div class="moverlay" data-close></div><div class="msheet">
|
|
42
|
+
<div class="mhead"><span>Menu</span><button class="iconbtn" data-close aria-label="Close menu">✕</button></div>
|
|
43
|
+
<a href="./index.html" data-nav>Home</a><a href="./how.html" data-nav>How it works</a><a href="./tools.html" data-nav>Tools</a><a href="./compare.html" data-nav>Compare</a><a href="./setup.html" data-nav>Setup</a><a href="./docs.html" data-nav>Docs</a>
|
|
44
|
+
</div></div>
|
|
45
|
+
<header class="hero"><div class="hero-in">
|
|
46
|
+
<div class="hero-badge-row"><span class="badge"><i></i>mcp server · stdio · zero deps</span><span class="badge">v1.6.3 · 20 tools</span></div>
|
|
47
|
+
<h1>Every free thing on Aura,<br><span class="grad">one call away.</span></h1>
|
|
48
|
+
<p class="lede">2,495 components, 187 skills, 30,688 assets, 725 design systems — behind 20 tools your agent already knows how to call.</p>
|
|
49
|
+
<div class="cta"><a class="btn btn-pri" href="./setup.html">Set up in a minute</a>
|
|
50
|
+
<a class="btn btn-sec" href="./how.html">See how it works</a></div>
|
|
51
|
+
<div class="stats"><div class="stat"><b data-count="2495">2,495</b><span>components</span></div>
|
|
52
|
+
<div class="stat"><b data-count="187">187</b><span>skills</span></div>
|
|
53
|
+
<div class="stat"><b data-count="30688">30,688</b><span>assets</span></div>
|
|
54
|
+
<div class="stat"><b data-count="725">725</b><span>systems</span></div></div>
|
|
55
|
+
</div></header>
|
|
56
|
+
<div class="marquee" aria-hidden="true"><div class="mtrack">
|
|
57
|
+
<span><b>aura_prompt</b> → confirmed prompt</span><span><b>aura_status</b> → health + counts</span><span><b>aura_search_all</b> → 4 surfaces at once</span><span><b>aura_recommend</b> → starter kit</span><span><b>aura_bundle</b> → 8 details, 1 call</span><span><b>aura_scaffold_page</b> → full page, 1 turn</span><span><b>aura_install_component</b> → paste plan</span><span><b>aura_use_design_system</b> → tokens first</span>
|
|
58
|
+
<span><b>aura_prompt</b> → confirmed prompt</span><span><b>aura_status</b> → health + counts</span><span><b>aura_search_all</b> → 4 surfaces at once</span><span><b>aura_recommend</b> → starter kit</span><span><b>aura_bundle</b> → 8 details, 1 call</span><span><b>aura_scaffold_page</b> → full page, 1 turn</span><span><b>aura_install_component</b> → paste plan</span><span><b>aura_use_design_system</b> → tokens first</span>
|
|
59
|
+
</div></div>
|
|
60
|
+
<main class="wrap" id="main">
|
|
61
|
+
<section class="sec"><div class="kicker">start</div><h2>Begin in three steps.</h2>
|
|
62
|
+
<p class="sub"><a href="./docs.html">How it works, slowly</a> · <a href="./tools.html">Every tool, grouped</a> · <a href="./compare.html">This vs official</a> · <a href="./setup.html">Setup</a></p>
|
|
63
|
+
<div class="grid3">
|
|
64
|
+
<div class="card reveal"><code>aura_status → aura_search_all</code><h3>1 · Find</h3><p>Confirm reachability, then search all four surfaces in parallel. Never empties — fallback + suggestions.</p></div>
|
|
65
|
+
<div class="card reveal"><code>aura_get_component</code><h3>2 · Fetch full</h3><p>Lists stay tiny. Load markup, SKILL.md, or DESIGN.md only for finalists.</p></div>
|
|
66
|
+
<div class="card reveal"><code>aura_install_* + aura_use_*</code><h3>3 · Paste clean</h3><p>Guides hand back deps, fonts, tokens first, file map second. <span class="tag">beyond official</span></p></div>
|
|
67
|
+
</div></section>
|
|
68
|
+
<section class="sec"><div class="kicker">why</div><h2>Why not the official MCP?</h2>
|
|
69
|
+
<p class="sub">Aura ships an official MCP for your projects. This covers the public catalogue — no OAuth, no key.</p>
|
|
70
|
+
<div class="grid3">
|
|
71
|
+
<div class="card reveal"><code>free-only default</code><h3>No login, ever</h3><p>Reads hit public endpoints. Pro rows never sneak in; Pro ids are refused with an explanation.</p></div>
|
|
72
|
+
<div class="card reveal"><code>48KB · 60s cache</code><h3>Fast by design</h3><p>One bundled file, zero deps, LRU + coalescing, bounded payloads, retries with backoff.</p></div>
|
|
73
|
+
<div class="card reveal"><code>aura_scaffold_page</code><h3>One-turn builds</h3><p>Tokens + system preview + markup in dependency order. <span class="tag">beyond official</span></p></div>
|
|
74
|
+
</div></section>
|
|
75
|
+
<section class="sec"><div class="kicker">install</div><h2>One file. Any client.</h2>
|
|
76
|
+
<div class="doc"><div class="code"><button class="copy" data-copy>Copy</button><pre>git clone https://github.com/swastiksingh-dev/aura-components-mcp.git
|
|
77
|
+
cd aura-components-mcp
|
|
78
|
+
npm run build
|
|
79
|
+
node ./dist/server.js</pre></div>
|
|
80
|
+
<div class="note">If it prints <b>listening on stdio</b>, it works. Then register: <code>claude mcp add aura-components -- node ./dist/server.js</code> · or skip the clone via <code>npm i -g aura-components-mcp</code> · full matrix in <a href="./setup.html">Setup</a>.</div>
|
|
81
|
+
<div class="cta"><a class="btn btn-pri" href="./setup.html">Full setup guide</a><a class="btn btn-sec" href="./tools.html">Browse 20 tools</a></div>
|
|
82
|
+
</div></section>
|
|
83
|
+
</main>
|
|
84
|
+
<footer><div class="foot-grid">
|
|
85
|
+
<div class="foot-brand"><span class="bname">aura-components-mcp</span><p>Every free thing on Aura, one call away. Free only, no login, MIT.</p><span class="ver">v1.6.3 · 20 tools</span></div>
|
|
86
|
+
<div><h4>Product</h4><a href="./how.html">How it works</a><a href="./tools.html">All 20 tools</a><a href="./compare.html">vs official MCP</a></div>
|
|
87
|
+
<div><h4>Resources</h4><a href="./setup.html">Setup in a minute</a><a href="./docs.html">Docs, slowly</a><a href="https://www.aura.build/components">Aura catalogue</a></div>
|
|
88
|
+
<div><h4>Project</h4><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP">GitHub</a><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP/issues">Issues</a><a href="https://www.npmjs.com/package/aura-components-mcp">npm</a></div>
|
|
89
|
+
</div><div class="foot-in"><span><b>aura-components-mcp</b> by swastiksingh-dev · MIT</span>
|
|
90
|
+
<span class="sp"></span><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP">GitHub</a>
|
|
91
|
+
<a href="https://www.aura.build/components">Aura</a><span id="yr"></span></div></footer>
|
|
92
|
+
<button id="toTop" aria-label="Back to top">↑</button>
|
|
93
|
+
</body>
|
|
94
|
+
</html>
|
package/flow/setup.html
CHANGED
|
@@ -1,77 +1,82 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en" data-theme="dark" class="no-js">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<title>Setup — aura-components-mcp in a minute</title>
|
|
7
|
-
<meta name="description" content="Clone, build, point any MCP client at one file. No signup.">
|
|
8
|
-
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='black'/%3E%3Cpath d='M16 6 26 24h-5l-5-10-5 10H6z' fill='white'/%3E%3C/svg%3E">
|
|
9
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
-
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
12
|
-
<meta name="color-scheme" content="light dark">
|
|
13
|
-
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
|
|
14
|
-
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
|
15
|
-
<
|
|
16
|
-
<
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
<
|
|
22
|
-
<
|
|
23
|
-
<
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
<
|
|
29
|
-
<
|
|
30
|
-
<
|
|
31
|
-
</
|
|
32
|
-
<div class="
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<
|
|
38
|
-
<
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
<
|
|
43
|
-
<
|
|
44
|
-
<
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<div class="
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
<div class="
|
|
57
|
-
|
|
58
|
-
<div class="code" data-pane="
|
|
59
|
-
|
|
60
|
-
<
|
|
61
|
-
|
|
62
|
-
<div class="code" data-pane="
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
<div class="
|
|
68
|
-
</div
|
|
69
|
-
<
|
|
70
|
-
<
|
|
71
|
-
<div
|
|
72
|
-
<div
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<
|
|
76
|
-
</
|
|
77
|
-
</html>
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" data-theme="dark" class="no-js">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<title>Setup — aura-components-mcp in a minute</title>
|
|
7
|
+
<meta name="description" content="Clone, build, point any MCP client at one file. No signup.">
|
|
8
|
+
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='black'/%3E%3Cpath d='M16 6 26 24h-5l-5-10-5 10H6z' fill='white'/%3E%3C/svg%3E">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
11
|
+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
12
|
+
<meta name="color-scheme" content="light dark">
|
|
13
|
+
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
|
|
14
|
+
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
|
15
|
+
<meta property="og:title" content="Setup — aura-components-mcp in a minute">
|
|
16
|
+
<meta property="og:description" content="Free MCP server for the Aura public catalogue: 2,495 components, 187 skills, 30,688 assets, 725 design systems. No login.">
|
|
17
|
+
<meta property="og:type" content="website">
|
|
18
|
+
<meta property="og:image" content="https://raw.githubusercontent.com/swastiksingh-dev/Aura-Components-MCP/main/assets/social-preview.png">
|
|
19
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
20
|
+
<script>(function(){try{var s=localStorage.getItem("acm-theme");document.documentElement.dataset.theme=s==="light"?"light":"dark"}catch(e){document.documentElement.dataset.theme="dark"}})();</script>
|
|
21
|
+
<link rel="stylesheet" href="./styles.css">
|
|
22
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" defer></script>
|
|
23
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" defer></script>
|
|
24
|
+
<script src="./app.js" defer></script>
|
|
25
|
+
</head>
|
|
26
|
+
<body>
|
|
27
|
+
<a class="skip" href="#main">Skip to content</a>
|
|
28
|
+
<div id="progress"></div>
|
|
29
|
+
<nav class="nav"><div class="nav-in">
|
|
30
|
+
<a class="brand" href="./index.html"><span class="mark" aria-hidden="true"><svg viewBox="0 0 32 32"><path d="M16 5 27 25h-5.2L16 13.2 10.2 25H5Z" style="fill:var(--bg)"/><rect x="11" y="21.3" width="10" height="2.5" rx="1.25" style="fill:var(--muted2)"/></svg></span>
|
|
31
|
+
<span class="bname">aura-components-mcp<small>free catalogue · no login</small></span></a>
|
|
32
|
+
<div class="tabs" id="tabs"><a href="./index.html">Home</a><a href="./how.html">How it works</a><a href="./tools.html">Tools</a><a href="./compare.html">Compare</a><a href="./setup.html">Setup</a><a href="./docs.html">Docs</a></div>
|
|
33
|
+
<a class="ghbtn" href="https://github.com/swastiksingh-dev/Aura-Components-MCP" aria-label="GitHub"><svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg><span>GitHub</span></a>
|
|
34
|
+
<button class="iconbtn menubtn" id="menuBtn" aria-label="Menu">☰</button>
|
|
35
|
+
<button class="iconbtn" id="themeBtn" title="Toggle theme">☾</button>
|
|
36
|
+
</div></nav>
|
|
37
|
+
<div class="mpanel" id="mpanel"><div class="moverlay" data-close></div><div class="msheet">
|
|
38
|
+
<div class="mhead"><span>Menu</span><button class="iconbtn" data-close aria-label="Close menu">✕</button></div>
|
|
39
|
+
<a href="./index.html" data-nav>Home</a><a href="./how.html" data-nav>How it works</a><a href="./tools.html" data-nav>Tools</a><a href="./compare.html" data-nav>Compare</a><a href="./setup.html" data-nav>Setup</a><a href="./docs.html" data-nav>Docs</a>
|
|
40
|
+
</div></div>
|
|
41
|
+
<header class="hero"><div class="hero-in">
|
|
42
|
+
<span class="badge"><i></i>setup · ~60 seconds</span>
|
|
43
|
+
<h1>In your agent<br><span class="grad">in a minute.</span></h1>
|
|
44
|
+
<p class="lede">Clone, build, point any client at one file. Nothing to sign up for.</p>
|
|
45
|
+
<div class="stats"><div class="stat"><b>2,495</b><span>components</span></div><div class="stat"><b>187</b><span>skills</span></div><div class="stat"><b>30,688</b><span>assets</span></div><div class="stat"><b>725</b><span>systems</span></div></div>
|
|
46
|
+
</div></header>
|
|
47
|
+
<main class="wrap" id="main">
|
|
48
|
+
<section class="sec"><div class="kicker">setup</div><h2>Three commands.</h2>
|
|
49
|
+
<div class="doc">
|
|
50
|
+
<h3>1 · Get the server — pick your way</h3>
|
|
51
|
+
<div class="ctabs"><button class="on" data-tab="clone">Clone</button><button data-tab="npm">npm</button><button data-tab="npx">npx</button></div>
|
|
52
|
+
<div class="code" data-pane="clone"><button class="copy" data-copy>Copy</button><pre>git clone https://github.com/swastiksingh-dev/Aura-Components-MCP.git
|
|
53
|
+
cd Aura-Components-MCP
|
|
54
|
+
npm run build
|
|
55
|
+
node ./dist/server.js</pre></div>
|
|
56
|
+
<div class="code" data-pane="npm" hidden><button class="copy" data-copy>Copy</button><pre>npm install -g aura-components-mcp
|
|
57
|
+
aura-components-mcp</pre></div>
|
|
58
|
+
<div class="code" data-pane="npx" hidden><button class="copy" data-copy>Copy</button><pre>npx -y aura-components-mcp@latest</pre></div>
|
|
59
|
+
<p>If it prints <code>listening on stdio</code>, it works. Ctrl+C, then register. Package: <a href="https://www.npmjs.com/package/aura-components-mcp">npmjs.com/package/aura-components-mcp</a></p>
|
|
60
|
+
<h3>2 · Register — pick your client</h3>
|
|
61
|
+
<div class="ctabs"><button class="on" data-tab="claude">Claude Code</button><button data-tab="cursor">Cursor</button><button data-tab="opencode">OpenCode</button><button data-tab="codex">Codex / Cline</button></div>
|
|
62
|
+
<div class="code" data-pane="claude"><button class="copy" data-copy>Copy</button><pre>claude mcp add aura-components -- node ./dist/server.js</pre></div>
|
|
63
|
+
<div class="code" data-pane="cursor" hidden><button class="copy" data-copy>Copy</button><pre>// ~/.cursor/mcp.json — Cursor / Windsurf
|
|
64
|
+
{ "mcpServers": { "aura-components": { "command": "node", "args": ["./dist/server.js"] } } }</pre></div>
|
|
65
|
+
<div class="code" data-pane="opencode" hidden><button class="copy" data-copy>Copy</button><pre>// opencode.json — OpenCode
|
|
66
|
+
{ "mcp": { "aura-components": { "type": "local", "command": ["node", "./dist/server.js"] } } }</pre></div>
|
|
67
|
+
<div class="code" data-pane="codex" hidden><button class="copy" data-copy>Copy</button><pre>// Codex / Cline / Roo — same stdio pair
|
|
68
|
+
command: node · args: ["dist/server.js"]</pre></div>
|
|
69
|
+
<p>Installed via <code>npm -g</code>? Use command <code>aura-components-mcp</code> with no args. Prefer zero-install? Use command <code>npx</code>, args <code>["-y", "aura-components-mcp@latest"]</code>.</p>
|
|
70
|
+
<h3>3 · First prompt</h3>
|
|
71
|
+
<div class="code"><button class="copy" data-copy>Copy</button><pre>Check aura_status. Then recommend a starter kit for a dark cinematic portfolio (free only).</pre></div>
|
|
72
|
+
<div class="note">Trouble? <code>npm run verify</code> runs 18 live checks. Zero tools = path not absolute or client needs restart.</div>
|
|
73
|
+
</div></section></main>
|
|
74
|
+
<footer><div class="foot-grid">
|
|
75
|
+
<div class="foot-brand"><span class="bname">aura-components-mcp</span><p>Every free thing on Aura, one call away. Free only, no login, MIT.</p><span class="ver">v1.6.3 · 20 tools</span></div>
|
|
76
|
+
<div><h4>Product</h4><a href="./how.html">How it works</a><a href="./tools.html">All 20 tools</a><a href="./compare.html">vs official MCP</a></div>
|
|
77
|
+
<div><h4>Resources</h4><a href="./setup.html">Setup in a minute</a><a href="./docs.html">Docs, slowly</a><a href="https://www.aura.build/components">Aura catalogue</a></div>
|
|
78
|
+
<div><h4>Project</h4><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP">GitHub</a><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP/issues">Issues</a><a href="https://www.npmjs.com/package/aura-components-mcp">npm</a></div>
|
|
79
|
+
</div><div class="foot-in"><span><b>aura-components-mcp</b> by swastiksingh-dev · MIT</span><span class="sp"></span><a href="https://github.com/swastiksingh-dev/Aura-Components-MCP">GitHub</a><a href="https://www.aura.build/components">Aura</a><span id="yr"></span></div></footer>
|
|
80
|
+
<button id="toTop" aria-label="Back to top">↑</button>
|
|
81
|
+
</body>
|
|
82
|
+
</html>
|