MCP Integration

Connect PowerLibs to Claude, GitHub Copilot, VS Code, Cursor, or any MCP client and generate Power Apps components directly in chat. Ask for what you need in natural language and get ready-to-paste YAML.

What is MCP?

MCP (Model Context Protocol) lets AI tools connect to external services. When you connect PowerLibs via MCP, your AI assistant can:

• Browse all available components
• See component settings and options
• Generate custom YAML code based on your requests
• Look up PowerFX functions with syntax and examples
• Build forms from column definitions

Instead of copying from the website, you can just ask: "Create a blue navigation bar with 5 items" and get ready-to-paste YAML.

Free vs Pro

MCP access works in two tiers depending on your subscription:

Free users can see all components when browsing, but YAML generation is limited to the 13 free components. Upgrade to Ultra to unlock everything.

Connect with Claude

1. Get MCP URL

Your PowerLibs MCP endpoint is:

https://www.powerlibs.com/api/mcp

2. Add to Claude

In Claude.ai settings:

1. Go to Settings → Integrations or MCP Servers
2. Click Add MCP Server
3. Enter the URL: https://www.powerlibs.com/api/mcp
4. Click Connect

3. Authorize

Claude will redirect you to PowerLibs to:

1. Log in (if not already)
2. Authorize Claude to access your account
3. You'll be redirected back to Claude

4. Start Using

You can now ask Claude to generate Power Apps components!

Connect with VS Code / GitHub Copilot / Cursor

For MCP clients that ask for a static Bearer token (like GitHub Copilot in VS Code, Cursor, or Windsurf), you need an API key.

1. Generate an API Key

Go to powerlibs.com/mcp/api-key and click Generate API Key. Copy the key — it's only shown once. Any logged-in user can create API keys.

2. Add to your MCP config

VS Code / GitHub Copilot — create or edit .vscode/mcp.json in your project:

{
  "servers": {
    "powerlibs": {
      "type": "http",
      "url": "https://www.powerlibs.com/api/mcp",
      "headers": {
        "Authorization": "Bearer pl_your_key_here"
      }
    }
  }
}

Cursor — create or edit .cursor/mcp.json in your project:

{
  "mcpServers": {
    "powerlibs": {
      "type": "http",
      "url": "https://www.powerlibs.com/api/mcp",
      "headers": {
        "Authorization": "Bearer pl_your_key_here"
      }
    }
  }
}

3. Done

Your MCP client now has access to PowerLibs tools. Ask it to generate components!

Available Tools

When connected, your AI assistant has access to these tools:

list_components

Browse all 100+ available components, optionally filtered by category.

get_component_details

Get detailed information about a specific component including its available settings and default configuration.

generate_yaml

Generate Power Apps YAML code with custom settings. The generated YAML can be copied directly into Power Apps Studio.

search_components

Find components by keyword. Searches component names, descriptions, and categories.

list_powerfx_functions

List all available PowerFX functions grouped by category (Data, Logic, Math, Text, Navigation, etc.).

get_powerfx_function_details

Get full details for a specific PowerFX function including syntax, examples, and description.

search_powerfx_functions

Search PowerFX functions by keyword.

generate_form_from_columns

Build a complete Power Apps form from column definitions (e.g. from a CSV or data source). Returns form YAML and an optional Patch formula for saving.

Example Prompts

Basic Component Generation

Browsing Components

Custom Configuration

Finding Components

Getting Details

PowerFX Help

Form from Data

Tips for Better Results

Be Specific About Colors

Instead of: "Make it blue" Try: "Use #3B82F6 for the background color"

Mention Power Apps Context

Claude knows PowerLibs generates Power Apps YAML, but reminding it helps:

Ask for Multiple Options

Request Explanations

Limitations

Component Coverage

Most components are available via MCP, but some specialized tools (Form Builder, Logo Generator) are website-only.

No Preview

MCP generates code but can't show visual previews. For previews, use the website.

Authentication

• Claude: Your session expires after some time. If Claude can't connect, re-authorize in Claude settings.
• VS Code / Copilot / Cursor: API keys expire after 1 year. Generate a new one at powerlibs.com/mcp/api-key.

Troubleshooting

"Authorization failed"

• Make sure you have a PowerLibs account
• Try disconnecting and reconnecting in Claude settings
• For API keys, verify the key hasn't been revoked

"This component requires PowerLibs Pro"

• You're on the free tier trying to generate YAML for a Pro component
• Upgrade to Ultra at powerlibs.com/pricing to unlock all components
• Use list_components to see which components are free

"Tool not available"

• The MCP server might be temporarily down
• Try refreshing Claude
• Check if other MCP tools work

Generated code looks wrong

• MCP generates valid YAML but Claude might truncate long outputs
• Ask Claude to regenerate or output in smaller chunks

Can't find a component

• Component names in MCP might differ slightly from the website
• Use search_components with keywords instead of exact names

Why Use MCP?

Speed

Ask for what you want in natural language. No clicking through menus.

Customization

Describe exactly what you need: "A button like the gradient one but with rounded corners and this hex color..."

Iteration

"Make it bigger" / "Change the text to..." / "Add another item" - iterate quickly in conversation.

Learning

Ask Claude to explain what each part of the YAML does. Great for learning Power Apps.