Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
自社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
100
AIエージェントで業務改善してみた
taku271
0
610
弊社のAWS事情、大公開!
taku271
1
580
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
260
Next.js(SSR)をLambdaでホストしてみる_jaws_education
taku271
0
170
Other Decks in Programming
See All in Programming
GraphRAGのKnowledge Graphを 直接!見る/View-GraphRAG's-KnowledgeGraph-directly!
tyumugi1113
0
220
LL言語やWebフレームワークのPostgreSQL対応 〜DBの機能がユーザーに届くまで〜
kentaroutakeda
0
140
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
440
Gmail/Google DriveをトリガーにAIエージェントを動かそう! / Run AI agents with Gmail/Google Drive as triggers!
har1101
3
460
AIの中の人になってみる
htkym
0
160
新卒PdEのリアル
ryu1013
1
390
自分的「カンファレンスの楽しみ方」
syumai
0
190
Discordを用いたラボオートメーション関連情報収集の自動化
noguhiro2002
0
500
LoopHub - ローカルで動く GitHub で、AI と共同開発
jugyo
0
410
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
350
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
sokohirai
0
330
FastAPI の並行処理モデルを完全に理解する
hoto17296
9
3.7k
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Un-Boring Meetings
codingconduct
0
410
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
510
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
510
A designer walks into a library…
pauljervisheath
211
25k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.8k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
300
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
270
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 参考資料も記事に書いてあります