Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Claude Code / MCP skills for the dev pipeline: discover, spec, design, build, ship, operate.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://opchain.dev/mcpพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http opchain-skills https://opchain.dev/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"opchain-skills": {
"url": "https://opchain.dev/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"opchain-skills": {
"type": "http",
"url": "https://opchain.dev/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://opchain.dev/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 7 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
list_skillsList every opchain skill (id, displayName, description, phases, commands). Call this first to see the concept→ship pipeline.
routeMap a request or an /oc-* command to the skill that should handle it, with the entry phase. Use when you're unsure which skill fits.
get_skillReturn the full SKILL.md (the instructions) for one skill id. Load it, then follow it. Read get_orchestrator once before your first get_skill in a session.
get_orchestratorReturn the shared orchestrator protocol (welcome flow, pipeline map, active-chaining rules). Read once at the start of a session.
create_checkpoint_sessionCreate a private server-issued session for checkpoint storage. Retain the returned sessionId and use it with read_checkpoint/write_checkpoint; never invent or share one.
read_checkpointRead a skill's saved session checkpoint (where you left off). sessionId must be a private token returned by create_checkpoint_session.
write_checkpointPersist a skill's session checkpoint so progress survives across sessions. Stores the object as given (any JSON object up to 64 KiB); it does not validate it against the opchain checkpoint protocol, so write the shape the protocol documents.
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub asfbay-bit ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 132 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 7 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (2.1.0) เข้า registry เมื่อวานซืน
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Opchain 2.1.0 · 36 skills · released November 5, 2026.
A coordinated set of Claude skills covering the full software development pipeline — discover, spec, design, build, audit, ship, scale. One skill per phase. A shared JSON checkpoint protocol carries context across sessions and skills, so work resumes where you left off.
Site & docs: https://opchain.dev
Ships complete skills and plugin hooks for session context and suggestions. Run /oc-enroll in each repository to enable the Git commit gate. Installing the plugin alone does not enroll repositories or enable learning.
/plugin marketplace add asfbay-bit/opchain-skills
/plugin install opchain
curl -L https://opchain.dev/opchain-skills.zip -o opchain-skills.zip
unzip opchain-skills.zip -d .claude/skills/ claude
/oc-discover
Download complete skill ZIPs from Install, then use your host's supported skill upload flow. Keep references and runtime files with each skill. Local runtime commands require Node.js 22.13 or newer and a host that can execute them; a hosted chat without local tools cannot run those commands.
git add .claude/skills/
git commit -m "chore: add opchain skills" git push
For an existing repo installation, ask your coding agent to run:
/oc-update check
/oc-update
If you use 1.9 or earlier and the updater is missing, copy the upgrade prompt at the top of Install. It checks the host and published release, then installs the complete package. The updater preserves checkpoints, local tracking consent, usage history and unrelated skills, and backs up replaced Opchain files. Global plugin installations use the host's supported plugin update.
Open a new agent session afterward and run /oc-update check to verify the installed package. Learning remains off until explicitly enabled; provider access and an external reviewer must be configured separately.
| skill | what it does |
|---|---|
oc-app-architect | Discover → spec → build, with Generator/Evaluator QA loop |
oc-stack-forge | Stack advisor across Cloudflare, Vercel, AWS, Supabase, etc. |
oc-ux-engineer | Design Planner → Generator → Evaluator harness |
oc-dash-forge | Dashboards and dense-data UIs (spec + React prototype) |
oc-integrations-engineer | Third-party API integrations (Slack, Stripe, OAuth) |
oc-api-dev | First-party API design (OpenAPI, GraphQL, SDKs) |
oc-claude-api | Claude API apps: model routing, prompt caching, tool use |
oc-rag-forge | RAG systems: vector DBs, embeddings, chunking, retrieval eval |
oc-agent-forge | Claude Agent SDK apps: topology, tool budgets, harness loops |
oc-prompt-ops | Prompts as code: versioning, eval datasets, regression detection |
oc-qa-ops | Test-pyramid design: coverage budgets, contract-test matrix, load plans |
oc-data-ops | Data pipelines: ingestion, dbt layering, observable data contracts |
oc-signal-forge | Question → trustworthy metric: instrument, harvest, verify, wire |
oc-code-auditor | Auditor → Fixer → Verifier; 5-layer pre-deploy sweep |
oc-security-auditor | Threat modeling, OWASP hardening, attack-surface review |
oc-security-hardening | Executes the fixes + per-deploy hardening gate (/oc-harden) |
oc-compliance-ops | Control register + audit-ready evidence bundles at deploy time |
oc-bug-check | Pre-commit QA gate: types, lint, tests, anti-patterns, secrets |
oc-docs-forge | PR documentation packets, README/changelog/ADR upkeep |
oc-repo-ops | Repo hygiene + PR readiness gate: catalogs, generated files |
oc-git-ops | Branches, commits, PRs, sync |
oc-deploy-ops | Audit gate → staging → production with rollback |
oc-fleet-ops | Self-managed fleets: IaC, multi-container rollouts, day-2 ops |
oc-modularize-ops | Live-monolith decomposition with golden-fixture proof |
oc-monitoring-ops | Post-deploy observability — uptime, errors, alerts |
oc-scale-ops | Load tests, perf budgets, caching, capacity planning |
oc-migration-ops | DB / framework / auth / platform migrations |
oc-cost-ops | LLM cost attribution, budget gates, model-tier routing |
oc-telemetry-ops | Opt-in local usage metering, anonymized dashboard aggregates |
oc-reverse-spec | Reverse-engineer existing code into spec docs |
oc-release-ops | Version bumps, changelogs, release announcements |
oc-orchestrator | Cross-skill status and routing (/oc-ops) |
oc-checkpoint-protocol | Shared session-persistence schema (bundled in every skill) |
oc-update | Updates complete skill and runtime files while preserving local state |
oc-hindsight | Source-backed lessons, retrieval evaluation and external review |
oc-evolve | Task-tested rule proposals with regression checks and external approval |
Full descriptions, triggers, and examples: https://opchain.dev/skills
Every skill writes a JSON checkpoint to .checkpoints/ in your project. Skills read each other's checkpoints to make informed decisions — context flows forward without manual handoffs.
oc-deploy-ops reads oc-code-auditor — CRITICAL findings block deployoc-ux-engineer — grades frontend against the approved design specoc-git-ops reads oc-app-architect — names branches by sprintSchema lives in skills/oc-checkpoint-protocol/SKILL.md.
This is a public, force-push snapshot mirror of the skill source. The site, build system, and internal tooling live in a private upstream repo; only the product (this directory) is published here, refreshed on every change to main upstream.
See CONTRIBUTING.md for how issues and PRs flow back into the upstream repo.
Apache-2.0 — see LICENSE and NOTICE. Releases up to and including v1.8.2 were published under MIT.