Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Turn a script into a finished video with Huasheng: storyboard, narration, footage, export.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"hs": {
"command": "npx",
"args": [
"-y",
"@superlcr/hs",
"mcp",
"serve"
]
}
}
}ターミナルでこれを実行します
claude mcp add hs -- npx -y @superlcr/hs mcp serveプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"hs": {
"command": "npx",
"args": [
"-y",
"@superlcr/hs",
"mcp",
"serve"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"hs": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@superlcr/hs",
"mcp",
"serve"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント superlcr で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.2.4)がレジストリに届いたのは2 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
From one sentence to a finished, publishable video
简体中文 · English
hs brings Huasheng's video creation pipeline to the command line. Give it a sentence or a script, and it handles storyboarding, narration, footage and composition — producing a video you can export or publish directly. You can step in and adjust at any point along the way.
A single self-contained binary. No Node, no Python, no runtime to install. Every command supports --json, designed for scripts and AI clients.
Do this once, regardless of which client you use later.
Pick whichever suits you — all three give you the same binary.
macOS / Linux
curl -fsSL https://raw.githubusercontent.com/superlcr/huasheng-cli/main/install.sh | sh
Windows, in PowerShell:
irm https://raw.githubusercontent.com/superlcr/huasheng-cli/main/install.ps1 | iex
Either installer downloads the package for your platform, verifies its SHA256, and extracts it to ~/.local/bin (%LOCALAPPDATA%\Programs\hs on Windows).
With npm, if you already live in the Node ecosystem or just want to try it first:
npx @superlcr/hs --help
npm install -g @superlcr/hs # the command is still hs
The npm package is a small launcher; the binary for your platform arrives as an optional dependency, so nothing is downloaded or compiled at install time.
Manual download instead of the installer
Grab the package for your platform from Releases, extract it, and place the executable anywhere on your PATH:
| Platform | File |
|---|---|
| macOS · Apple Silicon | hs-darwin-arm64.tar.gz |
| macOS · Intel | hs-darwin-x64.tar.gz |
| Linux · x64 | hs-linux-x64.tar.gz |
| Windows · x64 | hs-windows-x64.zip |
Every release ships a SHA256SUMS file. Verifying it is recommended:
shasum -a 256 -c SHA256SUMS
Both macOS packages are signed and notarized by Apple (Developer ID Application).
The Windows package is unsigned; SmartScreen may prompt on first run — choose
"More info → Run anyway".
Open a new terminal, sign in, and confirm that hs can read your credit balance:
hs auth login
hs account
The CLI and every AI client share ~/.hs/credentials.json; you do not sign in separately.
No browser on that machine (SSH, a cloud server, a container)? Run hs auth login --no-browser, open the address it prints on any device, approve, and paste back the address the browser lands on (it starts with http://127.0.0.1 and will not load — that is expected).
Both paths use the same hs binary and the same sign-in — pick either, or both.
Use this path for exact commands, scripts, or batch jobs. hs make can start from one sentence or a complete script, run the creation workflow, wait for the finished video, and download it.
Create a video from one sentence:
hs make --script "Three little-known facts about West Lake" --out ./out.mp4
Request an MG-style video:
hs make --script "Explain Song dynasty tea whisking in 30 seconds" --mode mg --out ./tea.mp4
Read a long script from a file:
hs make --script @script.txt --out ./video.mp4
Or start from your own narration recording — a file on your computer or a public URL:
hs make --audio ./narration.m4a --out ./video.mp4
hs make --audio ./narration.m4a --transcript @words.txt --out ./video.mp4 # if you have the words
Huasheng keeps your voice and cuts footage to it. The transcript is optional; without it, Huasheng transcribes the recording. Supported formats are mp3, wav, flac, mp4 and m4a; hs uploads the file itself and you never need an internal storage address.
hs make approves the storyboard for you — that spends credits, and it prints how many. To read the storyboard and its price first, use the step-by-step commands instead. See the hs CLI guide for parameters, step-by-step editing, resuming, and exporting. See Scripting and automation for JSON, exit codes, and batches.
hs includes an MCP server. Any AI client that supports local STDIO MCP can launch it with:
{
"mcpServers": { "huasheng": { "command": "hs", "args": ["mcp", "serve"] } } }
This configuration simply tells the client to run hs mcp serve when Huasheng is needed. There is no separate hs MCP package to install, and you should not keep the command running yourself. If the client cannot find hs, replace command with the full path from which hs (where hs on Windows).
The following are setup examples for four common clients. For any other MCP client, enter the same command and args in its MCP server settings.
huasheng and choose STDIOhs; add mcp and serve as the two arguments/mcp and check that huasheng is connectedChatGPT Desktop renders interactive timeline, preview, footage, and export cards. It shares ~/.codex/config.toml with Codex CLI, so this setup also enables hs there.
hs; the default is ~/.local/bin/hsIf you changed the install location, paste the full path from which hs (where hs on Windows). Continue if the first install warns that the extension is unsigned. Claude Desktop also renders interactive cards.
codex mcp add huasheng -- hs mcp serve
codex mcp list
Do not add it again if you already configured huasheng in ChatGPT Desktop; both read ~/.codex/config.toml. See the OpenAI MCP documentation.
claude mcp add --scope user huasheng -- hs mcp serve
claude mcp list
Both commands run in the same terminal where you just signed in, so plain hs resolves; if your shell cannot find it, substitute the full path from which hs (where hs on Windows). Codex CLI and Claude Code present complete text results instead of desktop interactive cards.
After setup, say in your AI client:
Make me a 30-second video about why the sky is blue
You can inspect and refine existing projects too:
List my recent Huasheng projects
Make the narration in clip 2 shorter
Replace clip 3 with more futuristic footage
Use my own file ./b-roll.mp4 for clip 2
Change the narrator to a warmer voice, and tell me the price first
Confirming a storyboard spends credits, and publishing makes the video public. hs marks those and the other one-way tools (deleting a project, footage or a preference, joining the priority lane) as destructive, so a client that confirms destructive tools asks you first; hs itself does not prompt. Changing the voice after production and adding footage to the library spend credits too; the MCP tools quote the price when asked.
hs never receives your Bilibili password.hs does what the command says and reports the cost; whether you are asked first is up to you, your script, or your AI client.hs upgrade
For an installer build, this downloads the latest release, checks its SHA256, and swaps it in; for an npm install it runs npm i -g @superlcr/hs@latest. hs never downloads or replaces itself on its own. Once a day it asks for the latest release number and mentions it if yours is older; set HS_NO_UPDATE_CHECK=1 to turn that off.
AI clients that run hs mcp serve keep the old process until they restart. After upgrading, start a new session in Claude Code or Codex, or quit and reopen Claude Desktop; until then the client is still on the old version. Upgrading while a client is running is safe on every platform.
Found a problem? Please open an issue and include the output of hs --version — it carries the commit and build time, which is the key to diagnosing anything.