PicoPixel LVGL MCP連携先お使いの AI アシスタント

AI アシスタントを PicoPixel LVGL MCP サーバーに接続。開いているプロジェクトに、画面、ウィジェット、テーマ、フォント、アイコンを作成し、編集できます。

Starter・Pro プランは呼び出し回数が 1.5 倍期間限定

Copy yourPicoPixelMCP server URL

Open Integrations in your PicoPixel account, then copy your personal MCP server URL.

Open Integrations
https://app.picopixel.io/mcp/stream?userToken=<YOUR_PRIVATE_TOKEN>

Go to Claude → Customize

In Claude desktop or claude.ai, go to Customize → Connectors. Name it PicoPixel and paste the URL.

Open Claude Customize

Connect and Start

Ask Claude to use the PicoPixel LVGL MCP server to create or edit an LVGL interface.

Start Building
LVGL MCP setup guideArticle

LVGL MCP サーバーでできること

PicoPixel LVGL MCP で作った UI

エディタで開いて構成を確認し、そのまま編集できる 3 つの組み込み UI プロジェクトです。

CPR medical device LVGL dashboard with airway pressure gauge and ventilation status panels

フォント 5 点、アイコン 5 点、圧力ゲージ、計測カード 3 枚を配置。

テンプレートを見る
CPR Medical Device1024 × 600
Compact flight tracker showing a Shenzhen to Tokyo route, arrival time, and remaining flight duration

フォント 4 点、旅行用アイコン 3 点、Doto の空港コードを使った航路表示。

テンプレートを見る
Flight Tracker480 × 272
Energy flow LVGL dashboard connecting the utility grid, solar, battery, inverter, protection, and home load

フォント 4 点、アイコン 7 点を使用。電力網・太陽光・バッテリー間の経路も編集できます。

テンプレートを見る
Energy Flow Dashboard800 × 480
すべての作例を見る

Questions about PicoPixel LVGL MCP

What is PicoPixel LVGL MCP?

PicoPixel LVGL MCP is an MCP server that connects your AI assistant to the PicoPixel LVGL editor through the Model Context Protocol (MCP). It lets your assistant inspect, create, and edit native LVGL screens, widgets, and resources in your active project, so you can describe what you want and see the result on your canvas.

What can I create or edit with the LVGL MCP server?

Your assistant can inspect existing screens, create and arrange LVGL widgets, adjust layouts and styles, work with fonts and icons, and create reusable components and color themes. Changes are made directly in your PicoPixel project and remain editable.

How do I connect my AI assistant to PicoPixel LVGL MCP?

Choose your assistant in the setup section above and follow its connection steps. Depending on the client, you can sign in through a connector or use the personal MCP server URL from your PicoPixel account’s Integrations settings. Then open the project you want to work on. Read the PicoPixel LVGL MCP setup and agent settings guide.

Which AI assistants can use the LVGL MCP server?

The setup guide covers Claude, ChatGPT, Cursor, Claude Code, OpenClaw, Hermes, and Grok Bot. Other MCP-capable clients can use the general setup instructions with the connection details from your PicoPixel account.

Do I need to keep PicoPixel open?

Yes. Keep the project you want your assistant to work on open in a signed-in PicoPixel browser tab. MCP works with the active file through that tab, so the editor needs to stay connected while your assistant reads or changes the design.

Can I control whether my assistant can make changes?

Yes. Read-only mode lets your assistant inspect the project without changing it. To create or edit a design, enable write access in PicoPixel. Your assistant also needs your account to have edit permission for the active file.

Can I keep editing the result in PicoPixel?

Yes. MCP creates and updates native PicoPixel screens and widgets. You can review the result on the canvas, adjust it manually, undo changes, or ask your assistant to refine it further.

Are there limits on MCP calls?

Yes. Different account types have different MCP call limits to help our servers maintain a responsive, reliable experience for all users. View the call limits for each account type on the pricing page.