Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
AI video, images, AI influencers, character swaps and clipping from Claude or ChatGPT.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
CLIPSPEED_API_KEY, CLIPSPEED_BASE_URL「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://api.clipspeed.ai/mcpClaude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"clipspeed": {
"command": "npx",
"args": [
"-y",
"clipspeed-mcp"
],
"env": {
"CLIPSPEED_API_KEY": "your-value",
"CLIPSPEED_BASE_URL": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add --transport http clipspeed https://api.clipspeed.ai/mcpclaude mcp add clipspeed --env CLIPSPEED_API_KEY=your-value --env CLIPSPEED_BASE_URL=your-value -- npx -y clipspeed-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"clipspeed": {
"url": "https://api.clipspeed.ai/mcp"
}
}
}プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"clipspeed": {
"command": "npx",
"args": [
"-y",
"clipspeed-mcp"
],
"env": {
"CLIPSPEED_API_KEY": "your-value",
"CLIPSPEED_BASE_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"clipspeed": {
"type": "http",
"url": "https://api.clipspeed.ai/mcp"
}
}
}プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"clipspeed": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"clipspeed-mcp"
],
"env": {
"CLIPSPEED_API_KEY": "your-value",
"CLIPSPEED_BASE_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://api.clipspeed.ai/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
CLIPSPEED_BASE_URL envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーは、ツール一覧を表示する前にサインインを求めます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月9日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント thestockgoatballs で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
208ミリ秒で応答(HTTP 401)
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:CLIPSPEED_API_KEY
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は–、最新バージョン(1.0.3)がレジストリに届いたのは14 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ 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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Create and clip video from Claude, ChatGPT, Cursor, Cline or Windsurf: generate AI videos (Seedance 2.5, Kling 3.0, Veo 3.1, MiniMax H3) and images (Nano Banana Pro, GPT Image 2), build consistent AI influencer characters, swap a character into a clip with its original motion and sound (Morphaze), and turn any video or live stream into scored, captioned, ready-to-post vertical clips.
ClipSpeedAI ships two MCP transports, and they expose different tools:
| Hosted (remote) | This npm package (local) | |
|---|---|---|
| Transport | streamable-http at https://api.clipspeed.ai/mcp | stdio |
| Auth | OAuth — one click, no API key | CLIPSPEED_API_KEY |
| Install | none | npx clipspeed-mcp |
| AI video, images, AI influencers, Morphaze swaps, ad concepts | yes — generate_video, generate_image, create_influencer, morphaze_swap, marketing_concept_video, estimate_cost (credits shown before every paid run) | no |
| Clip a LIVE stream while it airs | yes — clip_livestream, check_livestream, extend_livestream, stop_livestream | no |
| Save .mp4s to your disk | no | yes — download_clip |
| Schedule posts | via publish_to_youtube | schedule_post (5 platforms) |
Most people want the hosted server — it needs no install, no API key, and it is the only one that can generate AI video and images or clip a stream that is still running. Use this npm package when you specifically need finished files written to your local disk.
Requires a ClipSpeedAI paid plan or the $1 trial. For the npm package, get your key at https://www.clipspeed.ai/dashboard/api-key/ — keys look like csai_live_....
Always pin `clipspeed-mcp@1.0.1`. Pinning keeps a bad publish from silently upgrading your setup.
npx clipspeed-mcp@1.0.1 install
It prompts for your API key and writes the clipspeed server into your Claude Desktop config for you. You can also pass the key directly:
npx clipspeed-mcp@1.0.1 install --key csai_live_your_key
Then quit and reopen Claude Desktop.
claude mcp add clipspeed -- npx -y clipspeed-mcp@1.0.1
export CLIPSPEED_API_KEY=csai_live_your_key
Add this to your MCP servers config (~/.cursor/mcp.json, Cline's MCP settings, or Windsurf's mcp_config.json):
{
"mcpServers": { "clipspeed": { "command": "npx", "args": ["-y", "clipspeed-mcp@1.0.1"], "env": { "CLIPSPEED_API_KEY": "csai_live_your_key" } } } }
The hosted server authenticates with OAuth, so there is no key to copy and nothing to install:
claude mcp add --transport http clipspeed https://api.clipspeed.ai/mcp
Your client opens a browser once, you approve, and it is connected. In claude.ai or ChatGPT, add it as a custom connector with the same URL.
Hosted tools (10):
| Tool | Does |
|---|---|
submit_to_clipspeed | Video URL → a clip job. |
check_clips | Poll a job → finished clips with viral scores. |
| `clip_livestream` | Attach to a stream that is STILL LIVE and cut clips while it airs. |
| `check_livestream` | Clips produced so far from a live session. |
| `extend_livestream` | Keep clipping past the original window. |
| `stop_livestream` | End the live session. |
discover_trending | Fastest-growing recent video in a niche. |
list_templates | Available caption/layout templates. |
creator_pack | Titles, hooks and hashtags for a finished clip. |
publish_to_youtube | Publish a finished clip to YouTube. |
The four livestream tools exist only on the hosted server. If you want to clip a Twitch, Kick or YouTube stream while it is running, use the hosted transport — the npm package cannot do it. Conversely, only the npm package can write .mp4 files to your local disk.
| Var | Required | Default | Notes |
|---|---|---|---|
CLIPSPEED_API_KEY | yes (to serve) | — | Your personal csai_live_ key. |
CLIPSPEED_BASE_URL | no | https://api.clipspeed.ai | Override for testing. |
Node >= 18 (uses global fetch).
These are the tools this package exposes. For the hosted server's tool set — including the four livestream tools — see Hosted above.
| Tool | Does |
|---|---|
clip_video | Video URL → a clip job (job_id). Options: aspect_ratio, caption_style, clip_count, platform. |
get_clip_status | Poll a job_id → status + finished clips (title, viral_score, duration, video_url). |
list_clips | List your recent clip jobs to find a past job_id. |
download_clip | Save the .mp4 files to `~/Downloads` — all clips, or one by clip_index. Skips files > 500MB. |
get_usage | Credits remaining / total / used this month, plan, trial status. |
discover_trending | Find the fastest-growing recent video in a niche to clip. ClipSpeedAI's differentiator. |
schedule_post | Schedule a finished clip to tiktok / youtube / instagram / x / linkedin. |
list_scheduled_posts | Review scheduled / posted / failed posts. |
cancel_scheduled_post | Cancel a post that's still scheduled. |
restyle_captions | Re-caption a project in a new style without re-clipping. |
Caption styles: karaoke (default), hormozi, beasty, fire, youshaei, cinematic, bold. Aspect ratios: 9:16 (default), 1:1, 16:9.
To let ClipSpeedAI publish to your socials, connect each platform in the ClipSpeedAI app first (Scheduler). schedule_post posts under those connections.
Clip this video into 9:16 shorts with Hormozi captions, then download the top 3 to my Downloads folder: https://youtu.be/…
Claude runs clip_video → polls get_clip_status → download_clip → the .mp4s land in ~/Downloads.
A Claude Skill (SKILL.md) ships with this package — it teaches the outcome-first flow (find → clip → check → download → schedule).
MIT