Claude Code

Add the Vuesax MCP server to Claude Code with one command.

MCP & AI editors 2 min read

TL;DR · one command, no config file

claude mcp add with the URL and your key. Done.
Use user scope for your machine; keep keys out of the repo.
Install the skill once and Claude knows the catalog's conventions.

Add the server

claude mcp add --transport http vuesax https://mcp.vuesax.com \
  --header "Authorization: Bearer vsx_your_key_here"

That is the whole setup. Verify it:

claude mcp list

You should see vuesax with a connected status. Inside a session, /mcp shows the server and its tools.

Scope

By default the server is added for the current project. Pick a different scope with -s:

Scope	Where it lives	Good for
default	this project, on your machine	trying it out
`-s user`	every project on this machine	your daily setup
`-s project`	`.mcp.json` in the repo	sharing with the team — without the key

# available in every project on this machine
claude mcp add -s user --transport http vuesax https://mcp.vuesax.com \
  --header "Authorization: Bearer vsx_your_key_here"

# committed to the repo in .mcp.json — shared with your team
claude mcp add -s project --transport http vuesax https://mcp.vuesax.com \
  --header "Authorization: Bearer vsx_your_key_here"

Careful with project scope -s project writes .mcp.json into the repository. Do not commit your key there — use an environment variable, or have each teammate add the server at user scope with their own key.

Keep the key out of the file

export VUESAX_KEY="vsx_your_key_here"

claude mcp add -s user --transport http vuesax https://mcp.vuesax.com \
  --header "Authorization: Bearer $VUESAX_KEY"

Install the skill

Once, at the start of a session:

YouCall get_vuesax_skill and install it.

ClaudeSaved to ~/.claude/skills/vuesax/SKILL.md. Restart the session to load it.

From then on it knows the catalog’s conventions — where files go, how tokens and effects are wired, which component to reach for. See Skills.

Use it

YouUse the vuesax MCP: I need a settings page. Find a tabs component and a switch, pull their source into src/components/ui/, and build the page.

YouSearch vuesax animations for something ambient for a hero background, show me three options with their descriptions, then pull the one I pick.

Remove it

Changed your mind? One command and it's gone.

claude mcp remove vuesax

If the tools don’t show up

Run claude mcp list — a failing server reports its error there.
Check the key starts with vsx_ and the account is PRO.
Restart Claude Code; MCP servers are loaded when the session starts.