Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Turns every release into a social video. Finds the selling points, picks the angle, writes the copy.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://cliphou.se/mcpターミナルでこれを実行します
claude mcp add --transport http templates https://cliphou.se/mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"templates": {
"url": "https://cliphou.se/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"templates": {
"type": "http",
"url": "https://cliphou.se/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://cliphou.se/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン cliphou.se で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(1.6.2)がレジストリに届いたのは18 日前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
You ship it. Cliphouse shows it off.
Your coding agent turns every release into a video for your socials. It finds the selling points, picks the angle, writes the copy, and uses your brand colors and logo. Free skill and MCP server for Claude Code, Codex, Cursor, Claude, and ChatGPT.
You can preview and edit without an account. MP4 download and editing more than 3 gallery templates need a free Google sign-in.
Coding agents (Codex, Claude Code) Chat apps (Claude, ChatGPT, Cursor)
npx skills add sunmer/cliphouse
Installs the cliphouse skill. It needs Node 18 or later, has no dependencies, and runs no commands besides its own helper.
In Codex you can also run $skill-installer install https://github.com/sunmer/cliphouse/tree/main/skills/cliphouse.
MCP server URL, no key needed:
https://cliphou.se/mcp
Add to Cursor · Add to VS Code
Claude.ai and ChatGPT: add a custom connector with the URL above.
Claude Code with MCP instead of the skill:
claude mcp add --transport http cliphouse https://cliphou.se/mcp
Codex with MCP, in ~/.codex/config.toml:
[mcp_servers.cliphouse]
url = "https://cliphou.se/mcp"
GitHub does not open cursor:// and vscode: links from a README in every browser. If a link does nothing, add the MCP server URL manually.
Open your project and ask:
Let's ship 2.1. Btw we need a release video for our socials.
Make a vertical changelog video for this week's updates.
Turn this API release into a 16:9 video for X and LinkedIn.
In Codex, type $cliphouse to call the skill directly.
| Feature | Status |
|---|---|
| Template grid in the chat that already shows your product, with short animated previews | Available |
| Filling the template from your repo, and editing it by prompt | Available. You get a cliphou.se editor link, where you export the MP4. |
| A preview of your own product in the picked template | Available as a 4-second animated loop, with a poster image as a fallback. |
| Posting to X from the agent | Coming soon. Today the agent writes the caption and opens the X post window for you to attach the MP4. |
| Skill | Does | Install |
|---|---|---|
cliphouse | Search, preview, fill from your repo, editor link, share. Reads public cliphou.se data only. | npx skills add sunmer/cliphouse |
cliphouse-render (optional) | Renders the MP4 in your project, or lets the agent change layout, motion, and timing in code. Asks before it downloads or installs anything. | npx skills add sunmer/cliphouse --skill cliphouse-render |
skills/cliphouse/scripts/cliphouse.mjs talks to the public cliphou.se catalog over HTTPS. Search uses the cliphou.se MCP server, so the skill and the MCP tools rank templates the same way.
Goals: launch-product, announce-feature, share-update, grow-waitlist, announce-integration, announce-pricing, celebrate-milestone, share-social-proof, promote-event, introduce-brand, run-promotion, and hire-team.
The cliphou.se deploy checks this skill against its MCP contract. If the installed skill is older than the server, search returns a warning with the update command.
| Command | Does |
|---|---|
search --goal " " [--aspect 9:16] [--max-seconds 20] [--inline] | Finds templates for a marketing goal. --inline caches the preview MP4s and prints a Markdown grid. |
logo [file] | Uploads the project's logo (found automatically, or the file you name) and adds it to cliphouse/brand.json. Release and developer templates show it in place of the brand name. |
fit ... --brand or fit | Checks your copy against each template's text limits before rendering, and lists the fields that are too long. |
tailor ... --brand | Renders up to 4 templates with your brand on the server, writes cliphouse/ .props.json for each, and prints a Markdown grid of 4-second animated loops. --fast prints the posters first. |
spec | Prints the editable text, colors, and limits. |
preview | Renders an animated loop and a poster of your product in the template on the server, and prints the editor link. |
link | Validates the edit and prints a cliphou.se editor link. |
pick ... | Writes a side-by-side preview page for terminals and prints its path. The agent asks before opening it. |
What the default skill does not do:
npm, curl, tar, or any command from a downloaded spec.It caches stock previews only from https://cliphou.se/previews/ and personalized posters and loops only from https://cliphou.se/p/ .jpg and .webp, in ~/.cache/cliphouse. Set CLIPHOUSE_ORIGIN to use another host.
In the Codex picker, a click on a tile sends one fixed message: $cliphouse: use template and fill it for this project. It is sent only on your click, and the id must match ^[a-z0-9-]+$.
cliphouse-render uses fixed render commands written in its SKILL.md. It checks each package against source.packageSha256 before it extracts it into .cliphouse/ /, and asks before it adds .cliphouse/ to .gitignore or installs dependencies.
se.cliphou/templates)MIT-0. Templates rendered locally use Remotion or HyperFrames, which have their own licenses.