Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
2,000+ green screen meme clips to search, with an ffmpeg recipe to key each over video.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
Authorization「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。
ターミナルでこれを実行します
claude mcp add --transport http green-screen-memes https://api.greenscreenmemes.app/mcp --header 'Authorization: your-value'動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"green-screen-memes": {
"url": "https://api.greenscreenmemes.app/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"green-screen-memes": {
"type": "http",
"url": "https://api.greenscreenmemes.app/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
Authorization 秘密 必須 HTTP headerこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
ツールの名前と説明は、サーバーが2026年11月6日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。
search_green_screensSearch green screen meme clips by words (matched against names, tags and descriptions). Leave query empty to get the newest. Returns ids, names, descriptions, thumbnails and video links.
get_green_screenOne green screen clip by id, with its video link and an ffmpeg recipe for compositing it over an image or video.
get_trendingWhat people are using right now in the Green Screen Memes app, most popular first. Each clip has its trending rank (1 = most popular), plus the same fields as search results.
list_collectionsCurated collections of green screens, including "trending" (what people are using right now in the app; get_trending returns it directly).
get_collectionThe green screens in one collection, in order. Use id "trending" for the current trending clips.
list_tagsThe most used tags with how many green screens have each, to see what the library covers.
get_usageThis API key's plan (free or paid, with its price), the calls and video downloads it has used and has left (the free plan's 50 downloads are one-time; paid plans' reset monthly), and the plans above it with prices and an upgrade link. Use it when someone asks what this costs, whe
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン api.greenscreenmemes.app で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
140ミリ秒で応答(HTTP 200)
サインイン不要
7件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:Authorization
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(1.0.1)がレジストリに届いたのは4 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Copy-paste examples for the Green Screen Memes API: about 2,100 green screen meme clips (trending reaction memes on solid green, blue or red backgrounds, most with their original sound), searchable by reaction, action or subject, over REST or MCP. New clips are added every day.
Each example finds a clip, downloads it and keys it over your own photo or video, ending with a 1080x1920 MP4 for Shorts, Reels or TikTok.
This repo is also a Claude Code plugin marketplace. The plugin sets up the MCP server and adds a make-memes skill that plans captions, finds clips and composites them with ffmpeg, one meme or a whole batch. Set GSM_API_KEY (free key) in the shell you start Claude Code from, then run:
/plugin marketplace add green-screen-memes/green-screen-memes-api
/plugin install green-screen-memes@green-screen-memes
Then ask something like "I need a lot of memes for my business". Codex and other agents: see AGENTS.md for the same workflow and MCP setup.
| Example | What it shows | Run it |
|---|---|---|
claude-code/ | Connect the MCP server, then make a meme from one prompt | claude mcp add --transport http green-screen-memes https://api.greenscreenmemes.app/mcp --header "Authorization: Bearer $GSM_API_KEY" |
node/ | Search, download and composite from Node 18+, no dependencies | node examples/node/meme.mjs "shocked cat" background.jpg |
python/ | The same with the Python standard library | python3 examples/python/meme.py "shocked cat" background.jpg |
ffmpeg/ | curl + ffmpeg scripts: key over a photo, or over a video with mixed audio | examples/ffmpeg/key-over-image.sh background.jpg greenscreen.mp4 green |
remotion/ | A Remotion composition with a pre-keyed transparent clip | cd examples/remotion && npm install && npm run studio |
trending-to-short/ | Today's #1 trending clip as a vertical short | node examples/trending-to-short/trending-to-short.mjs background.jpg |
Everything except the MCP setup needs FFmpeg (with ffprobe) on your PATH.
Sign in at https://api.greenscreenmemes.app/dashboard (Google or email link) and create a free Sandbox key: 50 video downloads in total and 30,000 calls a month, for building and testing. Then:
cp .env.example .env # put your key in GSM_API_KEY
set -a; source .env; set +a # or: export GSM_API_KEY=gsm_live_...
Keep the key on your machine or server. The API doesn't send CORS headers, so call it from a backend, not from a browser.
claude mcp add --transport http green-screen-memes https://api.greenscreenmemes.app/mcp \
--header "Authorization: Bearer $GSM_API_KEY"
Cursor and other MCP clients: url https://api.greenscreenmemes.app/mcp with the same Authorization header. Ready-made configs are in examples/claude-code. The server is also in the official MCP Registry as app.greenscreenmemes.api/green-screen-memes.
Then ask, for example:
Make a meme for my coffee shop. Find a green screen of someone or something
reacting with pure relief or joy, key it over ./shop.jpg as a vertical video and
caption it "Monday, fixed."
Tools: search_green_screens, get_green_screen (video link and a ready ffmpeg command), get_trending, list_collections, get_collection, list_tags, get_usage.
curl -H "Authorization: Bearer $GSM_API_KEY" \
"https://api.greenscreenmemes.app/v1/memes?q=side%20eye&limit=5"
| Endpoint | |
|---|---|
GET /v1/memes?q=&tag=&color=&updatedSince=&limit=&cursor= | Search or list green screens |
GET /v1/memes/{id} | One green screen (URL-encode the id) |
GET /v1/trending | What's trending in the Green Screen Memes app right now, with rank |
GET /v1/collections, GET /v1/collections/{id} | Curated collections |
GET /v1/tags | Most used tags |
GET /v1/usage | Your plan and this month's usage |
GET /v1/removed?since= | Clips taken down at a rights holder's request |
Lists return { data, total, nextCursor }; errors return { error: { code, message } }. Each clip has id, name, description, tags, chromaKeyColor (green, blue, red or none), durationSeconds, thumbnailUrl and videoUrl. Media links are signed for your key and expire after about 6 hours, so download the file and don't store the link.
Full reference: https://api.greenscreenmemes.app/docs · OpenAPI: https://api.greenscreenmemes.app/v1/openapi.json · For LLMs: https://api.greenscreenmemes.app/llms.txt
Over a photo (vertical 1080x1920, clip at the bottom, keeps the clip's sound):
ffmpeg -loop 1 -i background.jpg -i greenscreen.mp4 -filter_complex \
"[0:v]scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920,setsar=1[bg];\ [1:v]chromakey=0x00ff00:0.2:0.05,scale=1080:-2[fg];\ bgoverlay=(W-w)/2:H-h:shortest=1,format=yuv420p[v]" \ -map "[v]" -map "1:a?" -c:v libx264 -crf 20 -c:a aac meme.mp4
Key colors: green 0x00ff00, blue 0x0000ff, red 0xff0000. With none, the clip is used as-is. If a green fringe stays, raise 0.2 a little; if parts of the subject turn see-through, lower it. Over a video with mixed audio: see examples/ffmpeg.
If you're building a video tool, a short-form content pipeline or a meme app and need actual video memes rather than image templates, this is what the API is for: short MP4 clips on a solid key color, with sound, plus the metadata to search them and the ffmpeg command to composite them. It doesn't generate memes or remove backgrounds from your footage; it gives you a curated library of ready green screens.
Clips are tagged by what happens in them, so search works best with a feeling or an action: shocked, slow clap, side eye, crying, happy dance, waiting. GET /v1/tags shows what the library covers, and GET /v1/trending returns what people are using most in the Green Screen Memes app right now. To keep a local copy in sync, poll GET /v1/memes?updatedSince= and drop anything listed by GET /v1/removed.
The MCP server at https://api.greenscreenmemes.app/mcp lets Claude Code, Cursor or any agent with a shell find a clip, get its download link and run the composite itself. get_green_screen returns the ffmpeg command for that clip's key color, so the agent doesn't have to work out the filter graph. Same key, same limits as REST; each tool call counts as one call.
These are internet memes. Green Screen Memes makes the green screen versions, tags and curates them, and runs the search; the original footage isn't ours, and the API doesn't license it to you. How you use a clip is your responsibility.
GET /v1/removed in new work, and drop them from anything you keep.Full terms: https://api.greenscreenmemes.app/terms
The example code in this repo is MIT. That covers the code only: no clips are included here, and the clips, thumbnails and catalog data you get from the API are covered by the API terms, not by MIT.
Questions: info@greenscreenmemes.app · Green Screen Memes is made by Hedko Group LLC.