Upgrade to Pro — share decks privately, control downloads, hide ads and more …

自社UIコンポーネントにMCPサーバーを作った話

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for takumi takumi
July 14, 2025
Programming
110
1

 自社UIコンポーネントにMCPサーバーを作った話

zenncafe #3 のLT資料です。

Avatar for takumi

takumi

July 14, 2025

More Decks by takumi

See All by takumi
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
500
弊社のAWS事情、大公開！
Avatar for takumi taku271
1
440
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
210
Next.js(SSR)をLambdaでホストしてみる_jaws_education
Avatar for takumi taku271
0
140

Other Decks in Programming

See All in Programming
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
180
Mastering Event Sourcing: Your Parents Holidayed in Yugoslavia
Avatar for Marek Matulka super_marek
0
150
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
290
ハンズオンで学ぶクラウドネイティブ
Avatar for Tatsuki Minami tatsukiminami
0
110
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
300
GNU Makeの使い方 / How to use GNU Make
Avatar for kaityo256 kaityo256
PRO
16
5.6k
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
6
3.2k
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
Avatar for Z.O.E. ikezoemakoto
0
340
Kubernetes上でAgentを動かすための最新動向と押さえるべき概念まとめ
Avatar for Sota Makino sotamaki0421
3
460
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
150
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
320
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
990

Featured

See All Featured
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
160
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
250
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
240
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
260
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
130

Transcript

  1. 自社UIコンポーネントに MCPサーバーを作った話 Zenncafe#3 LT 山下　 拓海

  2. 自己紹介 氏名：山下　 拓海 所属：福井大学・ユニフォームネクスト 趣味：ドライブ・旅行 好きなもの：Zenn・ちいかわ・mofusand 初LTです！お手柔らかにお願いします 年齢：２１歳

  3. はじめに Vibe Codingしてますか！！ 開発

  4. 課題点 Kurage UI（自社UIコンポーネント）が使えない 料金が高そう 先駆者がいない

  5. 課題点 Kurage UI（自社UIコンポーネント）が使えない 料金が高そう 先駆者がいない MCPサーバーを作成すれば良いのでは？

  6. 開発 実装方針 配布 ツール Kurage UIのドキュメントが整っていない コンポーネントとカテゴリの一覧を取得 各コンポーネントのソースコードを取得 Docker Image

    ソースコード自体を返す

  7. 結果 システムグループにVibe Codingの風が！ とはならず Kurage UIを使ってVibe Coding可能に！！ 自分でしか使わないツールに...

  8. 今後の展望 Kurage UIのMCPサーバーを積極的にアピール ドキュメントやコメントのリッチ化 リモートサーバーで利用できるように

  9. まとめ MCPでAIエージェントを使いこなそう あとプロダクトは積極的にアピールして 使ってもらう

  10. 記事 https://zenn.dev/uniformnext/articles/kurage-ui-mcp 参考資料も記事に書いてあります