Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
自社UIコンポーネントにMCPサーバーを作った話
Search
takumi
July 14, 2025
Programming
140
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
自社UIコンポーネントにMCPサーバーを作った話
zenncafe #3 のLT資料です。
takumi
July 14, 2025
More Decks by takumi
See All by takumi
JAWS UG 福井誕生秘話
taku271
0
110
AIエージェントで業務改善してみた
taku271
0
630
弊社のAWS事情、大公開!
taku271
1
630
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
260
Next.js(SSR)をLambdaでホストしてみる_jaws_education
taku271
0
190
Other Decks in Programming
See All in Programming
Domain-Driven Transformation
hschwentner
2
2.3k
re:Inventに行く前に知っておきたい現地参加のノウハウ
nokomoro3
0
440
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
akase244
0
150
Lambda durable functionsでHuman in the Loopを楽に…楽に……
har1101
0
130
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
最近”作らせてる” ローカルAIアプリの話
akit37
0
480
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
nao_randd
0
170
npm との違いを手がかりにGo の依存管理を理解したい
optim
0
910
Web Framework Benchmark Battle 2026, Any%
a_matsuda
2
2.5k
Workers Cache を知る
syumai
0
370
Next.js: The final boss of Web Performance
guaca
0
290
Vue Fes Japan の “作る側”に関わってみて
naokihaba
0
160
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
410
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
270
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
460
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
Automating Front-end Workflow
addyosmani
1369
210k
4 Signs Your Business is Dying
shpigford
187
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
New Earth Scene 8
popppiees
4
2.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.3k
Transcript
自社UIコンポーネントに MCPサーバーを作った話 Zenncafe#3 LT 山下 拓海
自己紹介 氏名:山下 拓海 所属:福井大学・ユニフォームネクスト 趣味:ドライブ・旅行 好きなもの:Zenn・ちいかわ・mofusand 初LTです!お手柔らかにお願いします 年齢:21歳
はじめに Vibe Codingしてますか!! 開発
課題点 Kurage UI(自社UIコンポーネント)が使えない 料金が高そう 先駆者がいない
課題点 Kurage UI(自社UIコンポーネント)が使えない 料金が高そう 先駆者がいない MCPサーバーを作成すれば良いのでは?
開発 実装方針 配布 ツール Kurage UIのドキュメントが整っていない コンポーネントとカテゴリの一覧を取得 各コンポーネントのソースコードを取得 Docker Image
ソースコード自体を返す
結果 システムグループにVibe Codingの風が! とはならず Kurage UIを使ってVibe Coding可能に!! 自分でしか使わないツールに...
今後の展望 Kurage UIのMCPサーバーを積極的にアピール ドキュメントやコメントのリッチ化 リモートサーバーで利用できるように
まとめ MCPでAIエージェントを使いこなそう あとプロダクトは積極的にアピールして 使ってもらう
記事 https://zenn.dev/uniformnext/articles/kurage-ui-mcp 参考資料も記事に書いてあります