Sample build case
Dark pricing page
aura_scaffold_page("pricing")Tokens first, markup in order — gradient borders, glow hovers, done.
components
The whole free Aura catalogue — 2,495 components · 193 skills · 30,688 assets · 725 design systems — plus Awwwards-grade reference intelligence, inside your agent. No scraping. No guessing. Just tools.
npx -y aura-components-mcp@latest›
2,495
components
193
skills
30,688
assets
725
design systems
35 tools · 0 dependencies · 275 hermetic + 45 live checks green
Plugs into your agent
Install
npx -y aura-components-mcp@latest
# then add to your MCP client config and restartWorks with Claude Code, Cursor, VS Code, Codex, Windsurf, Cline, OpenCode + any MCP client
Free only — slim rows by default, full source on fetch
MIT licensed · Not affiliated with Aura · Catalogue © Aura / Meng To
The loop
The 3-step loop every agent runs. Three calls and you have production markup.
01 · Search
Call aura_status for health + counts, then aura_search_all to fan out across components, skills, assets and design systems in parallel.
aura_status → aura_search_all("pricing dark")02 · Fetch
Go from slim rows to full source with aura_get_component, aura_get_skill, aura_get_design_system — or bulk-fetch up to 8 items with aura_bundle / aura_bulk_fetch.
aura_get_component(732)03 · Install
Get paste-ready plans via aura_install_component / skill / asset, apply tokens with aura_use_design_system, or scaffold a whole page with aura_scaffold_page.
aura_scaffold_page(tokens + markup)Award intelligence · new in v1.7.2
Six new tools rank Awwwards-grade references, extract source-backed design DNA, then map one blueprint onto free Aura components — tokens first, and honestly labeled when a check is static instead of live.
Ranked refs with match reasons — every reason names your word
One blueprint call → brief, tokens_css and next_calls
Static-html estimates and evidence gaps are always disclosed
01 · Search
aura_award_search { query: "glassy saas" }
02 · Inspect
aura_award_inspect { mode: "site_details" }
03 · Blueprint
aura_design_blueprint { goal: "dark pricing" }
04 · Audit
aura_visual_audit { mode: "capture" }
05 · Motion
aura_motion_study { mode: "inspect" }
Surfaces
2,495
components
Hero, pricing, footers, forms — full HTML/Tailwind source.
193
skills
Agent skills with full SKILL.md bodies on fetch.
30,688
assets
Images + video. Terms §4: check Aura page before commercial use.
725
design systems
DESIGN.md tokens + preview HTML, applied in copy order.
Fresh from the loop · hover to pause
Sample outputs — the call, the result, the surface. Illustrative cases of real tool behavior, scrolling on their own.
Sample build case
aura_scaffold_page("pricing")Tokens first, markup in order — gradient borders, glow hovers, done.
components
Sample build case
aura_get_skill(copywriting)Headline + CTA variants with the conversion checklist baked in.
skills
Sample build case
aura_get_skill(vantajs)WebGL waves behind the hero, resized + paused for mobile.
motion
Sample build case
aura_scaffold_page("pricing")Tokens first, markup in order — gradient borders, glow hovers, done.
components
Sample build case
aura_get_skill(copywriting)Headline + CTA variants with the conversion checklist baked in.
skills
Sample build case
aura_get_skill(vantajs)WebGL waves behind the hero, resized + paused for mobile.
motion
Sample build case
aura_get_component(1633)Overlapping glass review cards with fade-in scroll choreography.
glass
Sample build case
aura_bundle([732, 1364, …])Bulk-fetched finalists in a single round trip. Context barely moved.
bulk
Sample build case
aura_use_design_system("midnight")Whole page re-skinned from DESIGN.md tokens before markup.
systems
Sample build case
aura_get_component(1633)Overlapping glass review cards with fade-in scroll choreography.
glass
Sample build case
aura_bundle([732, 1364, …])Bulk-fetched finalists in a single round trip. Context barely moved.
bulk
Sample build case
aura_use_design_system("midnight")Whole page re-skinned from DESIGN.md tokens before markup.
systems
Sample build case
aura_search_assets('dashboard dark')Slim rows with previews — picked two, checked §4, shipped.
assets
Sample build case
aura_recommend("saas pricing")Top-3 per surface with rationale. Skipped the guessing phase.
taste
Sample build case
aura_related(732)Three more-like-this hits by tag overlap. Rabbit hole, but fast.
discover
Sample build case
aura_design_blueprint("dark pricing", refs)Shared patterns from 3 winners → tokens_css + free component matches.
awards
Sample build case
aura_search_assets('dashboard dark')Slim rows with previews — picked two, checked §4, shipped.
assets
Sample build case
aura_recommend("saas pricing")Top-3 per surface with rationale. Skipped the guessing phase.
taste
Sample build case
aura_related(732)Three more-like-this hits by tag overlap. Rabbit hole, but fast.
discover
Sample build case
aura_design_blueprint("dark pricing", refs)Shared patterns from 3 winners → tokens_css + free component matches.
awards
Themes · glass effects
Tokens first, markup second — aura_use_design_system reskins everything. Three moods, one pipeline. Hover to tilt.
Midnight Lime
The default vibe — void black, aura lime, glass panels. What you're looking at.
Preview themeFAQ
Yes. The server is MIT-licensed and every tool returns free catalogue items only — 2,495 components, 193 skills, 30,688 assets, 725 design systems. Slim rows by default so context stays cheap.