Getting started

Install the official agent plugin for one-step setup across coding agents. It bundles MCP (live registry tools), skills (Liquid Glass judgment), slash commands, and a ui-builder agent — so agents install and compose components correctly instead of inventing props.

Repo: IntelliHelper/agent-skills · Plugin: intellihelper-ui · Requires Node.js 18+ for MCP (@intellihelper/cli)

1. Install the plugin

claude plugin marketplace add IntelliHelper/agent-skills
claude plugin install intellihelper-ui@intellihelper

grok plugin marketplace add IntelliHelper/agent-skills
grok plugin install IntelliHelper/agent-skills --trust

codex plugin marketplace add IntelliHelper/agent-skills
# Then install intellihelper-ui from /plugins

gemini extensions install https://github.com/IntelliHelper/agent-skills

npx skills add IntelliHelper/agent-skills

2. What you get

3. Example prompts

• Show me all IntelliHelper UI glass components
• Add button, dialog, and card from IntelliHelper UI
• Build a settings page with Liquid Glass
• Audit this project for IntelliHelper setup

Connect coding agents to the IntelliHelper UI registry over MCP (Model Context Protocol). Agents can browse components, inspect source, pull usage examples, and get install commands — the same way shadcn MCP works. For skills + slash commands in one install, use the agent plugin instead.

Server name: intellihelper-ui · Package: @intellihelper/cli

1. Initialize for your agent

Run in your app project, then restart the agent / enable the MCP server.

npx @intellihelper/cli@latest mcp init --client cursor

npx @intellihelper/cli@latest mcp init --client claude

npx @intellihelper/cli@latest mcp init --client vscode

npx @intellihelper/cli@latest mcp init --client opencode

npx @intellihelper/cli@latest mcp init --client codex

2. Manual config examples

{
  "mcpServers": {
    "intellihelper-ui": {
      "command": "npx",
      "args": ["-y", "@intellihelper/cli@latest", "mcp"]
    }
  }
}

[mcp_servers.intellihelper-ui]
command = "npx"
args = ["-y", "@intellihelper/cli@latest", "mcp"]
enabled = true

3. MCP tools

After connecting, tools appear as intellihelper-ui__<tool>.

• get_project_config

  Read components.json and Liquid Glass setup guidance

• list_components

  Browse registry items by category and type

• search_components

  Fuzzy search by name, title, description, or meta

• get_component

  Full source, variants, sizes, and dependencies

• get_component_examples

  Ready-to-adapt usage snippets

• get_add_command

  CLI install command (does not write files)

• list_themes

  Theme catalog (mono, aurora, sunset, frost, ocean)

• get_audit_checklist

  Post-install QA for imports and glass layers

4. Example prompts

• Show me all IntelliHelper UI glass components
• Add button, dialog, and card from IntelliHelper UI
• Show me usage examples for the sheet component
• Search IntelliHelper UI for form inputs