Create client-editable photo and video galleries from Cursor or Claude Code, then embed them.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add dropl --env DROPL_API_KEY='<DROPL_API_KEY>' -- npx -y @dropl/mcp~/.codex/config.toml
[mcp_servers.dropl]
command = "npx"
args = ["-y", "@dropl/mcp"]
env = { DROPL_API_KEY = "<DROPL_API_KEY>" }
# codex mcp add dropl --env DROPL_API_KEY='<DROPL_API_KEY>' -- npx -y @dropl/mcp~/.cursor/mcp.json
{
"mcpServers": {
"dropl": {
"command": "npx",
"args": [
"-y",
"@dropl/mcp"
],
"env": {
"DROPL_API_KEY": "<DROPL_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"dropl": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@dropl/mcp"
],
"env": {
"DROPL_API_KEY": "<DROPL_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"dropl": {
"command": "npx",
"args": [
"-y",
"@dropl/mcp"
],
"env": {
"DROPL_API_KEY": "<DROPL_API_KEY>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"dropl": {
"command": "npx",
"args": [
"-y",
"@dropl/mcp"
],
"env": {
"DROPL_API_KEY": "<DROPL_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"dropl": {
"command": "npx",
"args": [
"-y",
"@dropl/mcp"
],
"env": {
"DROPL_API_KEY": "<DROPL_API_KEY>"
}
}
}
}Environment variables
DROPL_API_KEY
Replace the placeholders with your own credentials and keep them out of version control.