Skip to content

Pixso MCP Skill

After connecting Local MCP, we recommend installing the official Pixso AI plugin (Skills). The plugin includes skills for design-to-code, design editing, code-to-design, D2C+ component parsing, and MCP best practices to help the Agent choose the right Pixso MCP tools.

Plugin Repositories

Pixso provides two plugin repositories. Choose based on your IDE / Agent:

PlatformGitHub Repository
Codex (CLI / App)PixsoLtd/pixso-ai-integration-codex
Claude Code, Cursor, and other IDEsPixsoLtd/pixso-ai-integration

TIP

Codex users should use pixso-ai-integration-codex; other IDEs should use pixso-ai-integration. Both repositories offer the same Skills capabilities, but installation steps differ by platform.

Option 1: Install manually

Clone the repository or install from GitHub following the README.

Codex example (GitHub install):

bash
codex plugin marketplace add PixsoLtd/pixso-ai-integration-codex
codex plugin add pixso@pixso

Claude Code example (load from local directory):

bash
git clone https://github.com/PixsoLtd/pixso-ai-integration.git
claude --plugin-dir ./pixso-ai-integration

Cursor example:

  1. Open Cursor Settings -> Plugins
  2. Choose install from local directory and point to the pixso-ai-integration repository root
  3. Restart or refresh Cursor to reload the plugin configuration

Gemini CLI example:

bash
gemini extensions install https://github.com/PixsoLtd/pixso-ai-integration

After installing or updating the plugin, restart your Agent session or start a new thread to avoid stale cache preventing Skills or MCP config from taking effect.

Option 2: Let the Agent install it for you

If you are unfamiliar with the installation process, ask the Agent to handle it. Tell the Agent which IDE you use and provide the corresponding repository link.

Codex user example:

text
Please help me install the Pixso AI plugin. I am using Codex.
Repository: https://github.com/PixsoLtd/pixso-ai-integration-codex
After installation, please verify that MCP is connected successfully.

Cursor / Claude Code / Gemini CLI user example:

text
Please help me install the Pixso AI plugin. I am using Cursor.
Repository: https://github.com/PixsoLtd/pixso-ai-integration
After installation, tell me how to use Pixso design-to-code in chat.

The Agent will follow the repository README to clone, install, and configure the plugin, then prompt you to restart your session.

Verify Skills are enabled after installation

Using Cursor as an example, after installing the plugin and restarting Cursor:

  1. Open Cursor Settings -> Tools & MCPs
  2. In Installed MCP Servers or Plugin MCP Servers, find Pixso / Pixso MCP
  3. Confirm the status indicator is green and shows the number of enabled tools (for example 35 tools). This means Pixso MCP and Skills are loaded successfully.

Verify Pixso MCP Skills are enabled

NOTE

If you do not see a Pixso entry or the status is not green, confirm the plugin is installed correctly, then restart Cursor or start a new chat and check again. For more troubleshooting steps, see the pixso-ai-integration README.