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

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

Avatar for takumi takumi
July 14, 2025
Programming
1
98

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

zenncafe #3 のLT資料です。

Avatar for takumi

takumi

July 14, 2025
Tweet

More Decks by takumi

See All by takumi
弊社のAWS事情、大公開！
Avatar for takumi taku271
1
400
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
210
Next.js(SSR)をLambdaでホストしてみる_jaws_education
Avatar for takumi taku271
0
130

Other Decks in Programming

See All in Programming
Rubyと楽しいをつくる / Creating joy with Ruby
Avatar for chobishiba chobishiba
0
200
AI時代のソフトウェア開発でも「人が仕様を書く」から始めよう-医療IT現場での実践とこれから
Avatar for kouki.miura koukimiura
0
130
15年目のiOSアプリを1から作り直す技術
Avatar for TAKEDA Yuki teakun
1
600
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
Avatar for tom twinkle tomtwinkle
2
420
NOT A HOTEL - 建築や人と融合し、自由を創り出すソフトウェア
Avatar for Hokuto Shimokawa not_a_hokuts
2
560
今、アーキテクトとして 品質保証にどう関わるか
Avatar for Nealle nealle
0
200
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
130
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
Avatar for Takahito Yamatoya yamatoya
0
510
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
200
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
0
200
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
370
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
440

Featured

See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
240
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
620
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
130
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
99
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
80
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
2.7k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
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 参考資料も記事に書いてあります