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 (Ultra, Team or Lifetime)
• Review Power Apps screenshots with a structured visual design framework

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

What each plan gets

MCP access has three levels, decided by your PowerLibs plan:

Free accounts can see all components when browsing, but YAML generation is limited to the 14 free components, and component and YAML responses carry a short upgrade hint. The Components plan unlocks the paid components but not the full apps, the Form Builder or the YAML knowledge tools. Ultra, Team and Lifetime unlock everything. See pricing for the plans.

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 sends you to PowerLibs. If you are signed out you see the login page; once signed in you are sent straight back to Claude. There is nothing to approve.

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, give the key a name and click Generate Key. Copy the key straight away: it is only shown once. Any signed-in user can create API keys. Free and Components accounts can hold 1 key, Ultra, Team and Lifetime accounts can hold 5. Every key expires one year after it was created; the expiry date is shown next to each key.

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 14 tools. Nine work on every plan. The five marked Ultra-level need Ultra, Team or Lifetime.

list_components

Browse all 180+ 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. The yaml_mode option picks classic controls (the default) or modern controls for the components that have a modern version.

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

Ultra-level only (Ultra, Team or Lifetime). 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.

get_powerapps_design_review_guide

Get the free PowerLibs visual design review framework for Power Apps screenshots. Your AI assistant uses the guide to score color system, spacing and alignment, icons, feedback states, and typography, then returns a prioritized fix list.

whats_new

Works on every plan. Returns the components added recently (the last 30 days by default, up to 365) and the newest changelog entries.

get_yaml_syntax_guide

Ultra-level only. Returns the Power Apps YAML syntax reference: control types and versions, property rules, layout patterns, and the properties each control does not accept.

get_yaml_error_patterns

Ultra-level only. Returns common Power Apps YAML mistakes, each with a bad and a good example, so your assistant can avoid paste errors.

get_yaml_examples

Ultra-level only. Returns up to 4 complete, working YAML examples from the PowerLibs library that match what you describe.

prepare_yaml_generation

Ultra-level only. The tool your assistant is told to call before writing any Power Apps YAML from scratch. It returns the syntax reference, only the mistake patterns relevant to your request, and up to 4 matching examples in one call, so the three tools above are rarely needed on their own.

Example Prompts

Basic Component Generation

Browsing Components

Custom Configuration

Finding Components

Getting Details

PowerFX Help

Form from Data

Design Review

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

Every component is available via MCP, and so is the Form Builder (as generate_form_from_columns, Ultra-level only). The Logo Generator, SVG Editor, PowerColors and the SharePoint Admin 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 a PowerLibs Ultra subscription"

• You're on a free account trying to generate YAML for a paid component
• Upgrade to Components, Ultra, Team or Lifetime at powerlibs.com/pricing to unlock the paid components
• Use list_components to see which components are free

"Full apps require a PowerLibs Ultra subscription"

• Full apps need Ultra, Team or Lifetime. The Components plan does not include them.

"The Form Builder requires a PowerLibs Ultra subscription" or "YAML knowledge tools require a PowerLibs Ultra subscription"

• These five tools need Ultra, Team or Lifetime. See the plan table above.

"Rate limit exceeded for free tier (100 requests/hour)"

• Free accounts get 100 requests an hour. Wait for the hour to pass, or upgrade; paid plans have no limit.

"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

• MCP uses the same component names as the website
• Use search_components with keywords, or pass the component ID from list_components, instead of guessing the exact name

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.