デザインの型は21st.devから。実装はAIと一緒にバイブコーディング。
見た目だけで終わらない、保守できる社内ツール開発を支援します。
Walkthrough
Problem
Excel・スプレッドシート・Slack運用からの脱却は急務。でもエンジニアリソースは限られ、外注は要件が伝わらない——。
プロダクト開発が優先され、社内ツールは「いつか誰かが」状態のまま。現場の工数は増え続ける。
ノーコードやテンプレートだけでは認証・監査ログ・権限管理が足りず、本番投入できない。
個人がAIで作ったプロトタイプが放置。ドキュメントもテストもなく、チームに引き継げない。
Service
「速さ」と「品質」を両立する、エンジニア視点の社内ツール開発支援。デザインインスピレーションから本番運用まで一気通貫。
21st.dev MCPで高品質なUIコンポーネントを即取得。デザイナーが選んだ型を、エンジニアがそのまま実装に落とし込みます。
MCP Output
✓ component: DevTool LP
✓ TypeScript + Tailwind
↳ install ready
Cursor Agentとペアプロするように開発。プロンプト設計、コードレビュー、リファクタリングまで、AIを「使いこなす」体制を一緒に作ります。
Editor Diagnostics
Type check: passed
Lint: 0 errors
Coverage: 82%
SSO連携、RBAC、監査ログ、CI/CD。見た目だけのPoCで終わらせず、社内セキュリティ基準を満たす設計を最初から組み込みます。
Security Checklist
✓ SSO / SAML
✓ RBAC + Audit log
✓ OWASP baseline
Workflow
バイブコーディングを「場当たり的な試行」から「再現可能な開発プロセス」に変える標準フロー。
現場ヒアリング、既存フロー可視化、MVPスコープ確定
21st UI取得 → Cursor実装 → 日次レビュー
パイロットユーザー投入、フィードバック反映
認証・監査・CI/CD・引き継ぎドキュメント
3×
従来開発比のスピード
80%+
テストカバレッジ目標
100%
ソースコード引き渡し
Use Cases
Pricing
プロジェクト規模に合わせて選べる3プラン。すべてソースコード完全引き渡し。
小規模ツール・PoC検証
¥800,000〜
4週間 / 1画面 MVP
本番投入可能な社内ツール
¥2,400,000〜
8週間 / フル機能
内製化支援・チーム育成
¥500,000/月
3ヶ月〜 / 伴走型
「こんなツール作りたい」レベルでOK。エンジニア目線で実現可能性と最短ルートをお伝えします。