Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Software design skills for AI coding agents, inspired by A Philosophy of Software Design.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://clairvoyance.fyi/mcpターミナルでこれを実行します
claude mcp add --transport http clairvoyance https://clairvoyance.fyi/mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"clairvoyance": {
"url": "https://clairvoyance.fyi/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"clairvoyance": {
"type": "http",
"url": "https://clairvoyance.fyi/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://clairvoyance.fyi/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン clairvoyance.fyi で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(1.3.1)がレジストリに届いたのは30 日前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Clairvoyance
AI agents can write working code, but they don't stop to consider effective design unless asked. Clairvoyance is a set of skills inspired by John Ousterhout's *A Philosophy of Software Design*. Each skill gives your agent extrasensory perspective around software design, with concrete tests to see ahead of obstacles during implementation and review.
Skills activate automatically and push your agent to ask questions like:
You can also invoke them directly. Use /clairvoyance:red-flags to trigger a design smell scan, /clairvoyance:deep-modules to check interface depth and /clairvoyance:design-it-twice to compare alternatives before committing. (On platforms that install the skills without the plugin namespace, such as skills.sh, drop the clairvoyance: prefix.)
Give your agent Clairvoyance: Claude Code, skills.sh, Codex, Cursor, OpenCode, Antigravity, Factory Droid, GitHub Copilot CLI, Kimi Code, Pi.
Note: Installation differs by platform. If you use more than one, install Clairvoyance separately for each.
/plugin marketplace add codybrom/clairvoyance
/plugin install clairvoyance@clairvoyance-plugins
npx skills add codybrom/clairvoyance --skill '*'
Requires Codex CLI ≥ 0.142.0 (codex --version). The Codex App and CLI share the same config, so this also makes Clairvoyance visible in the App's Plugins panel.
codex plugin marketplace add codybrom/clairvoyance
codex plugin add clairvoyance@clairvoyance
Older Codex versions only get the 16 skills, via a manual symlink — see .codex/INSTALL.md for that fallback and full troubleshooting.
Cursor doesn't yet have a one-line "install from a GitHub URL" flow for unlisted plugins, so clone (or symlink) the repo into Cursor's local plugins folder and restart:
git clone https://github.com/codybrom/clairvoyance.git ~/.cursor/plugins/local/clairvoyance
Then check the Customize panel in the sidebar to confirm Clairvoyance and its 16 skills are listed.
Add Clairvoyance to the plugin array in your opencode.json (global or project-level):
{
"plugin": ["clairvoyance@git+https://github.com/codybrom/clairvoyance.git"] }
Restart OpenCode — no symlinks or manual skill paths needed. See .opencode/INSTALL.md for version pinning, troubleshooting, and migrating off the old symlink-based install.
agy plugin install https://github.com/codybrom/clairvoyance
Droid translates Claude Code plugin format automatically — no Clairvoyance-specific files needed.
droid plugin marketplace add https://github.com/codybrom/clairvoyance
droid plugin install clairvoyance@clairvoyance-plugins
copilot plugin marketplace add codybrom/clairvoyance
copilot plugin install clairvoyance@clairvoyance-plugins
In Kimi Code's plugin manager (/plugins), choose Custom, or run directly:
/plugins install https://github.com/codybrom/clairvoyance
Kimi Code will show a third-party trust prompt since this isn't an officially curated source — confirm to proceed.
pi install git:github.com/codybrom/clairvoyance
Pi auto-discovers the skills/ directory with no extra config.
Machine-readable skill index for LLM agents:
If your agent can't install plugins or skills but can connect to MCP servers, use Clairvoyance's read-only MCP server at https://clairvoyance.fyi/mcp (Streamable HTTP, no sign-in). Each skill is a tool with the same name and description it has in the plugin, and clients that support MCP prompts also offer each skill as a slash command. A request names only the skill, so the server never receives your code, file paths or prompts.
code --add-mcp '{"name":"clairvoyance","type":"http","url":"https://clairvoyance.fyi/mcp"}'"clairvoyance": { "url": "https://clairvoyance.fyi/mcp" } under "mcpServers" in ~/.cursor/mcp.jsonclaude mcp add --transport http clairvoyance https://clairvoyance.fyi/mcpcodex mcp add clairvoyance --url https://clairvoyance.fyi/mcphttps://clairvoyance.fyi/mcp as a remote (HTTP) MCP server.It's listed in the official MCP Registry as fyi.clairvoyance/mcp. One-click buttons for VS Code and Cursor are on clairvoyance.fyi/install. Where your agent supports plugins or skills, install those instead: the plugin also enforces each skill's tool limits and runs the design-it-twice subagent itself.
| Skill | Covers |
|---|---|
deep-modules | Module depth, shallow modules, classitis, pass-through methods, interface vs implementation |
module-boundaries | Merge vs split, conjoined methods, method splitting, dependency minimization |
information-hiding | Information leakage, temporal decomposition, partial hiding, false encapsulation |
pull-complexity-down | Caller burden, configuration parameters, the core asymmetry |
| Skill | Covers |
|---|---|
abstraction-quality | Genuine vs false abstractions, layer boundaries, decorators |
general-vs-special | Interface generality, special-general mixture, edge-case elimination |
error-design | Define errors out of existence, exception masking, aggregation, just crash |
| Skill | Covers |
|---|---|
naming-obviousness | Isolation test, scope-length principle, consistency, avoid extra words |
comments-docs | Comment types, comments-first workflow, cross-module documentation |
| Skill | Covers |
|---|---|
strategic-mindset | Strategic vs tactical, investment rule, tactical tornado |
design-it-twice | Generate alternatives, compare on criteria, synthesize |
code-evolution | "Designed this way" standard, repetition, technical debt |
complexity-recognition | Change amplification, cognitive load, unknown unknowns |
| Skill | Covers |
|---|---|
red-flags | Design smell scan covering structure, boundaries, documentation, naming, and process |
design-review | Structured review funnel from complexity triage through structural, interface, and surface checks |
diagnose | Routes a vague symptom or complaint to the most relevant skill via a decision tree |
These skills are adapted in part from the teachings of John Ousterhout, professor of computer science at Stanford University, and his book *A Philosophy of Software Design*. This project is not affiliated with, endorsed by, or sponsored by John Ousterhout, Stanford University, or the publishers of *A Philosophy of Software Design*.
If you find these skills useful, you should really buy and read the book. The skills in this repo are by no means a substitute for reading it. It is the definitive treatment of these ideas and an enjoyable read for any dev. Available from Amazon (no affiliate link). Also available in German (O'Reilly, 2021) and Chinese (Posts and Telecommunications Press, 2024).
The skills and code in this project are independently authored original works by the project's contributors. Brief quotations from the book are sometimes used with full attribution for purposes of commentary, criticism, and education. All trademarks and copyrights are the property of their respective owners.
Contributions are welcome beyond the inspiration material, but should reinforce the core philosophy of thinking strategically about software design.
To contribute:
writing-skills skill from Superpowers for creating and testing skillsskills/ /SKILL.md with optional references/ files/plugin update clairvoyancenpx skills update codybrom/clairvoyancecodex plugin marketplace upgrade clairvoyance && codex plugin add clairvoyance@clairvoyancecd ~/.cursor/plugins/local/clairvoyance && git pull, then restartagy plugin install https://github.com/codybrom/clairvoyancedroid plugin marketplace update clairvoyance-plugins && droid plugin update clairvoyance@clairvoyance-pluginscopilot plugin update clairvoyancepi update --extensions (re-run install with a new ref if you pinned one)See CHANGELOG.md or the GitHub releases for what changed in each version.
MIT License © 2026 Cody Bromley