AI design skills + 46 MCP tools for Claude Code, Cursor, Windsurf, Copilot, and any AI agent. Install: npx skills add pablostanley/efecto-plugin

Efecto — AI Design Skills + MCP Tools

Design with AI agents using Efecto — a real-time visual design tool where humans and robots design together.

Works with Claude Code, Cursor, Windsurf, GitHub Copilot, Codex, Cursor CLI, and any MCP-compatible agent.

Install

npx skills add pablostanley/efecto-plugin

This installs 3 design skills (knowledge) + 46 MCP tools (actions). Your AI agent gets both the taste and the tools.

Claude Code Plugin

cursor plugin add efecto

Cursor

Install with one click or add to .cursor/mcp.json:

{
  "mcpServers": {
    "efecto": {
      "command": "npx",
      "args": ["-y", "@efectoapp/mcp"]
    }
  }
}

OpenAI Codex

codex mcp add efecto -- npx -y @efectoapp/mcp

Windsurf / Cursor / Cursor / Any MCP Client

{
  "mcpServers": {
    "efecto": {
      "command": "npx",
      "args": ["-y", "@efectoapp/mcp"]
    }
  }
}

What's Included

46 MCP Tools

Create sessions, build artboards, add layouts with JSX + Tailwind CSS, modify nodes, export images, manage themes, and more. Full programmatic control of the Efecto design canvas.

3 Design Skills

Skills teach your AI agent how to design well — not just how to call tools. Without skills, your agent can create artboards and add sections. With skills, it knows typography scales, platform-specific sizing, layout patterns, and visual hierarchy.