aura-components-mcp 1.6.1 → 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 +1374 -926
- 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/compare.html
CHANGED
|
@@ -1,62 +1,67 @@
|
|
|
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>Compare — aura-components-mcp vs official</title>
|
|
7
|
-
<meta name="description" content="Same family, different jobs: public catalogue here, your projects there.">
|
|
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
|
-
<tr><td>
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
</
|
|
54
|
-
<
|
|
55
|
-
<
|
|
56
|
-
<div
|
|
57
|
-
<div><
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<
|
|
61
|
-
</
|
|
62
|
-
</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>Compare — aura-components-mcp vs official</title>
|
|
7
|
+
<meta name="description" content="Same family, different jobs: public catalogue here, your projects there.">
|
|
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="Compare — aura-components-mcp vs official">
|
|
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>compare</span>
|
|
43
|
+
<h1>Same family.<br><span class="grad">Different jobs.</span></h1>
|
|
44
|
+
<p class="lede">Use both: catalogue here, account there.</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">compare</div><h2>This MCP vs the official one.</h2>
|
|
49
|
+
<table class="cmp reveal"><tr><th></th><th>aura-components-mcp</th><th>official aura mcp</th></tr>
|
|
50
|
+
<tr><td>Reads</td><td class="yes">Public catalogue: 2,495 / 187 / 30,688 / 725</td><td>Your Canvases, projects, sites</td></tr>
|
|
51
|
+
<tr><td>Login</td><td class="yes">None</td><td class="no">Aura account + OAuth</td></tr>
|
|
52
|
+
<tr><td>Price</td><td class="yes">Free, MIT</td><td class="no">Aura tiers</td></tr>
|
|
53
|
+
<tr><td>Install plans</td><td class="yes">install_* + tokens</td><td class="no">Source only</td></tr>
|
|
54
|
+
<tr><td>Publish</td><td class="no">Not included</td><td class="yes">Validate + publish</td></tr>
|
|
55
|
+
<tr><td>Transport</td><td>stdio · 48KB · zero deps</td><td>Streamable HTTP</td></tr></table>
|
|
56
|
+
<div class="doc"><div class="note">Rule of thumb: exploring ideas or landing pages → <b>this server</b>. Editing your Canvas or shipping → <b>official</b>.</div>
|
|
57
|
+
<div class="cta"><a class="btn btn-pri" href="./setup.html">Set up this one</a><a class="btn btn-sec" href="./tools.html">See what it adds</a></div></div>
|
|
58
|
+
</section></main>
|
|
59
|
+
<footer><div class="foot-grid">
|
|
60
|
+
<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>
|
|
61
|
+
<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>
|
|
62
|
+
<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>
|
|
63
|
+
<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>
|
|
64
|
+
</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>
|
|
65
|
+
<button id="toTop" aria-label="Back to top">↑</button>
|
|
66
|
+
</body>
|
|
67
|
+
</html>
|
package/flow/docs.html
CHANGED
|
@@ -1,73 +1,78 @@
|
|
|
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>Docs — how aura-components-mcp works</title>
|
|
7
|
-
<meta name="description" content="New to MCP? Five minutes top to bottom: status, search, fetch, install. Free-only, fast.">
|
|
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
|
-
<div class="
|
|
46
|
-
|
|
47
|
-
<
|
|
48
|
-
<
|
|
49
|
-
<
|
|
50
|
-
<
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
<
|
|
54
|
-
<
|
|
55
|
-
<
|
|
56
|
-
<
|
|
57
|
-
|
|
58
|
-
<p>
|
|
59
|
-
<h3 id="
|
|
60
|
-
<
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
<
|
|
64
|
-
</
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
<div
|
|
68
|
-
<div><
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
<
|
|
72
|
-
</
|
|
73
|
-
</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>Docs — how aura-components-mcp works</title>
|
|
7
|
+
<meta name="description" content="New to MCP? Five minutes top to bottom: status, search, fetch, install. Free-only, fast.">
|
|
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="Docs — how aura-components-mcp works">
|
|
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>docs · 5 min</span>
|
|
43
|
+
<h1>How it works,<br><span class="grad">slowly.</span></h1>
|
|
44
|
+
<p class="lede">New to MCP? Top to bottom, no jargon.</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">docs</div><h2>The four-step loop.</h2>
|
|
49
|
+
<div class="toc"><a href="#what">What</a><a href="#loop">Loop</a><a href="#free">Free-only</a><a href="#fast">Fast</a><a href="#install">Install</a><a href="#tuning">Tuning</a></div>
|
|
50
|
+
<div class="doc">
|
|
51
|
+
<h3 id="what">What is this?</h3>
|
|
52
|
+
<p>An MCP server: a program your agent launches over stdio (<code>initialize</code>, <code>tools/list</code>, <code>tools/call</code>). Ours exposes the free Aura catalogue as 20 tools.</p>
|
|
53
|
+
<h3 id="loop">Loop</h3>
|
|
54
|
+
<ol><li><b>Status</b> (<code>aura_status</code>) → <b>search</b> (<code>aura_search_all</code>) → <b>fetch</b> (<code>aura_get_*</code>) → <b>install</b> (<code>aura_install_*</code>).</li></ol>
|
|
55
|
+
<h3 id="free">Free-only</h3>
|
|
56
|
+
<p>Queries filter <code>private=false + premium=false</code>. Pro ids are refused with an explanation instead of guessing.</p>
|
|
57
|
+
<h3 id="fast">Fast</h3>
|
|
58
|
+
<p>48KB bundle · 60s LRU (300 keys) · request coalescing · bounded payloads · retries with jittered backoff.</p>
|
|
59
|
+
<h3 id="install">Install via npm</h3>
|
|
60
|
+
<p>On npm as <code>aura-components-mcp</code> — no repo needed. Global install, then run, or zero-install straight through <code>npx</code>:</p>
|
|
61
|
+
<div class="code"><button class="copy" data-copy>Copy</button><pre>npm install -g aura-components-mcp
|
|
62
|
+
npx -y aura-components-mcp@latest</pre></div>
|
|
63
|
+
<p>Full client matrix lives in <a href="./setup.html">Setup</a>.</p>
|
|
64
|
+
<h3 id="tuning">Tuning</h3>
|
|
65
|
+
<div class="code"><button class="copy" data-copy>Copy</button><pre>AURA_TIMEOUT_MS=12000 AURA_RETRIES=2 AURA_CACHE_TTL_MS=60000
|
|
66
|
+
AURA_DEFAULT_LIMIT=10 AURA_MAX_LIMIT=25 AURA_CODE_CHARS=12000</pre></div>
|
|
67
|
+
<div class="note">Every row carries <code>page_url</code> + <code>author</code>. Open the design before you paste it.</div>
|
|
68
|
+
<div class="cta"><a class="btn btn-pri" href="./setup.html">Set up in a minute</a><a class="btn btn-sec" href="./tools.html">See all 20 tools</a></div>
|
|
69
|
+
</div></section></main>
|
|
70
|
+
<footer><div class="foot-grid">
|
|
71
|
+
<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>
|
|
72
|
+
<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>
|
|
73
|
+
<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>
|
|
74
|
+
<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>
|
|
75
|
+
</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>
|
|
76
|
+
<button id="toTop" aria-label="Back to top">↑</button>
|
|
77
|
+
</body>
|
|
78
|
+
</html>
|
package/flow/how.html
CHANGED
|
@@ -1,63 +1,68 @@
|
|
|
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>How it works — aura-components-mcp</title>
|
|
7
|
-
<meta name="description" content="Search small, fetch full, paste clean. The four-step agent loop for the free Aura catalogue.">
|
|
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
|
-
<div class="
|
|
46
|
-
<div class="
|
|
47
|
-
|
|
48
|
-
<
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
<div class="
|
|
54
|
-
</
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<div><
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
<
|
|
62
|
-
</
|
|
63
|
-
</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>How it works — aura-components-mcp</title>
|
|
7
|
+
<meta name="description" content="Search small, fetch full, paste clean. The four-step agent loop for the free Aura catalogue.">
|
|
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="How it works — aura-components-mcp">
|
|
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="home"><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>how it works</span>
|
|
43
|
+
<h1>Search small. Fetch full.<br><span class="grad">Paste clean.</span></h1>
|
|
44
|
+
<p class="lede">Lists stay tiny, details load only for finalists, and guides turn winners into paste-ready answers.</p>
|
|
45
|
+
<div class="cta"><a class="btn btn-pri" href="./tools.html">Browse the tools</a><a class="btn btn-sec" href="./docs.html">Beginner docs</a></div>
|
|
46
|
+
<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>
|
|
47
|
+
</div></header>
|
|
48
|
+
<main class="wrap" id="main">
|
|
49
|
+
<section class="sec"><div class="kicker">the loop</div><h2>Four steps, every time.</h2>
|
|
50
|
+
<div class="flow reveal"><div class="fnode" id="n0"><span class="fnum">01</span><h3>Agent asks</h3><small>plain words, any client</small></div><div class="wire"></div>
|
|
51
|
+
<div class="fnode" id="n1"><span class="fnum">02</span><h3>MCP searches</h3><small>4 tables in parallel</small></div><div class="wire"></div>
|
|
52
|
+
<div class="fnode" id="n2"><span class="fnum">03</span><h3>Agent pastes</h3><small>guide + tokens + files</small></div></div>
|
|
53
|
+
<div class="doc"><div class="note">Beginner rule: <b>status → search-all → get-one → install-one</b>. Never fetch everything up front.</div>
|
|
54
|
+
<div class="code"><button class="copy" data-copy>Copy</button><pre>aura_status
|
|
55
|
+
aura_search_all "dark cinematic portfolio"
|
|
56
|
+
aura_get_component 732
|
|
57
|
+
aura_install_component 732</pre></div>
|
|
58
|
+
<div class="cta"><a class="btn btn-pri" href="./setup.html">Set up in a minute</a></div></div>
|
|
59
|
+
</section></main>
|
|
60
|
+
<footer><div class="foot-grid">
|
|
61
|
+
<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>
|
|
62
|
+
<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>
|
|
63
|
+
<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>
|
|
64
|
+
<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>
|
|
65
|
+
</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>
|
|
66
|
+
<button id="toTop" aria-label="Back to top">↑</button>
|
|
67
|
+
</body>
|
|
68
|
+
</html>
|