Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for takumi takumi
July 14, 2025
Programming
140
1

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

zenncafe #3 のLT資料です。

Avatar for takumi

takumi

July 14, 2025

More Decks by takumi

See All by takumi
JAWS UG 福井誕生秘話
Avatar for takumi taku271
0
110
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
620
弊社のAWS事情、大公開！
Avatar for takumi taku271
1
630
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
260
Next.js(SSR)をLambdaでホストしてみる_jaws_education
Avatar for takumi taku271
0
170

Other Decks in Programming

See All in Programming
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
Avatar for Yusa Matsuda myus4a
0
340
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
Avatar for Riku Sakamoto riku_sakamoto
0
370
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
310
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
360
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
4
400
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
130
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
1
680
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
170
世界の中心で、AI（App Intents）をさけぶ ー App Intents中心設計の実践ガイド
Avatar for touyou touyou
0
730
Streamlitで実現する自然言語データアプリ開発
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
330
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
330

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
380
It's Worth the Effort
Avatar for 3n 3n
188
29k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
580
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
320
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
470
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
290

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 参考資料も記事に書いてあります