[ Installation ]

$ npm install -g wally-ui-mcp

[ Configuration ]

Add to your Claude Desktop configuration file:

Mac

~/Library/Application Support/Claude/claude_desktop_config.json

Windows

%APPDATA%\Claude\claude_desktop_config.json

Add the following configuration to your file:

[ Available Tools ]

install-component

Installs Wally UI components directly into your Angular project.

componentName: string

list-components

Lists all available components in the Wally UI library.

No parameters

validate-component

Validates component structure and integrity.

componentName: string

generate-docs

Generates documentation for components.

componentName: string

[ Usage Examples ]

List Available Components

Ask Claude to show you what components are available:

"Show me the available Wally UI components"

Install a Component

Ask Claude to install a specific component in your project:

"Install the button component from Wally UI in my Angular project"

[ Requirements ]

Node.js 18+

Claude Desktop with MCP support

Angular project (for component installation)

Tailwind CSS configured in your project