graphics

Installation
SKILL.md

On-Brand Graphics Generator

Create visual assets as native editable Figma designs that follow the Inkeep brand. Primary use case: graphical assets for slide decks, marketing materials, social media, and documentation. Can also generate AI-powered SVGs via Quiver.ai for illustrations, logos, icons, and complex vector art. Can generate photorealistic raster images via AI image generation (GPT Image 1.5 + Gemini 3.1 Flash Image — multi-provider with reference image support). Can render deterministic 3D scenes via R3F/Three.js.

Prerequisites

This skill requires two MCP servers:

  • figma (official, HTTP) — read designs, brand tokens, screenshots, design context. Authenticates via OAuth on first use (Claude Code prompts automatically).
  • figma-console (southleft/figma-console-mcp, stdio) — create and modify native Figma objects. Requires a Figma Personal Access Token + the Desktop Bridge plugin.

If MCP servers or credentials are missing (including QUIVERAI_API_KEY for SVG generation, OPENAI_API_KEY for GPT Image generation, GOOGLE_AI_API_KEY for Gemini image generation, and BRANDFETCH_API_KEY for third-party logo fetching), instruct the user to run:

./secrets/setup.sh --skill graphics --account inkeep.1password.com

Figma Desktop Bridge (required for native Figma design creation)

The figma-console MCP communicates with Figma Desktop via a WebSocket bridge plugin. This cannot be automated — Figma has no CLI/API for plugin management.

Related skills

More from inkeep/team-skills

Installs
5
GitHub Stars
10
First Seen
Mar 20, 2026