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.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http green-screen-memes https://api.greenscreenmemes.app/mcp --header 'Authorization: ใส่ค่าของคุณ'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"green-screen-memes": {
"url": "https://api.greenscreenmemes.app/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"green-screen-memes": {
"type": "http",
"url": "https://api.greenscreenmemes.app/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization ความลับ จำเป็น HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 6 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
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
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน api.greenscreenmemes.app แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 140 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 7 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: Authorization
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.1) เข้า registry 4 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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.