pablostanley avatar

Efecto Graphic Design

This connects Claude to Efecto's design canvas through MCP, letting you build presentations, posters, pitch decks, business cards, and pretty much any graphic asset with code. You describe what you want, Claude writes JSX with Tailwind classes, and you watch it render live in your browser at efecto.app. The workflow is session-based: create_session gives you a URL, then Claude pushes design commands while you iterate. It includes image search through Lummi for real stock photos (no gray placeholders) and shader nodes for generative backgrounds. The 68-tool API covers everything from alignment and animation to batch updates and speaker notes. Install takes one npx command.

skills.sh installs
827
GitHub stars
25
last updated
Aug 21, 2026

Install

$ npx -y skills add pablostanley/efecto-plugin --skill efecto-graphic-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Efecto — Graphic Design Guide

Design graphic assets — presentations, pitch decks, event posters, email headers, blog images, OG cards, business cards, resumes, menus, infographics, invitations, newsletters, and documents — using the Efecto design tool.


Setup

This skill requires the Efecto MCP server. Check if it's available by looking for tools like create_session, add_section, or get_document in your tool list.

If Efecto tools are NOT available, install the MCP server:

Claude Code

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

Cursor

Add to .cursor/mcp.json:

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

Windsurf / VS Code / Other MCP Clients

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

Once installed, you'll have access to 68 MCP tools, including image search and native animation authoring. The MCP server connects your agent to the Efecto design canvas at efecto.app.

How It Works

Sponsors

Details

Repository
github.com/pablostanley/efecto-plugin
Categories
Backend & APIs, Documentation, AI & Agent Building, Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from pablostanley/efecto-plugin

All 3
1mindrally avatarpython-odoo-cursor-rulesmindrally/skillsGuidelines for Python and Odoo enterprise application development with ORM, XML views, and module architecture best practices.818skills.sh installs
2riba2534 avatarfeishu-cli-boardriba2534/feishu-cli飞书画板全能操作 · 5 种画图路径任选其一: (A) Mermaid/PlantUML 服务端渲染(思维导图/时序图/类图/饼图/流程图/甘特图,整图作为一个节点,飞书自动排版) (B) Mermaid 本地引擎 whiteboard-cli(绕开 par/参与方数等服务端限制,每个节点可点击编辑) (C) SVG 818skills.sh installs
3lobehub avatardata-fetchinglobehub/lobehubData fetching architecture guide using Service layer + Zustand Store + SWR. Use when implementing data fetching, creating services, working with store hooks, or812skills.sh installs
4encoredev avatarencore-frontendencoredev/skillsConnect a frontend application (React, Next.js, Vue, Svelte, etc.) to an Encore.ts backend.806skills.sh installs
5docyrus avatardocyrus-cli-appdocyrus/agent-skillsUse the Docyrus CLI (`docyrus`) to interact with the Docyrus platform from the terminal. Use when the user asks to authenticate, list apps, query or manage data799skills.sh installs
6mindrally avatarc-sharpmindrally/skillsGuidelines for C# development including Blazor, Unity game development, and .NET backend best practices790skills.sh installs