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

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

Avatar for takumi takumi
July 14, 2025
Programming
120
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
80
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
570
弊社のAWS事情、大公開！
Avatar for takumi taku271
1
530
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
240
Next.js(SSR)をLambdaでホストしてみる_jaws_education
Avatar for takumi taku271
0
150

Other Decks in Programming

See All in Programming
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
570
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
180
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
460
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
4.2k
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
180
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
14
7.2k
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
820
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
300
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
Avatar for MinoDriven minodriven
17
8.4k
AIで効率化できた業務・日常
Avatar for Ochtum ochtum
0
160
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
150
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
280

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
760
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
230
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
320
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
160
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
280

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