bergside/typeui

これは何？

主な機能

• 01対話形式のCLIプロンプトを通じて、SKILL.mdまたはDESIGN.md形式のデザイン仕様を生成します。
• 02ホスト型MCPサーバーを通じて、AIコーディングツールをTypeUIに接続します。
• 03余白、タイポグラフィ、コントラストを扱うUI/UXの基礎スキルを提供します。
• 04マーケティングページやアプリページ向けに、デザインスタイルとレイアウトプロンプトのカタログを提供します。

ユースケース

• AIコーディングアシスタントに、一貫性のあるランディングページやダッシュボードを作成させる。
• 新しいWebまたはアプリのプロジェクト向けに、初期デザインシステムを用意する。
• 料金表やFAQなど、一般的なページセクションの参考情報をAIエージェントに提供する。

クイックスタート

1. 1

   お使いのAIコーディングツール向けのTypeUIガイドを開きます

2. 2

   ガイドの手順に従って、AIツールをTypeUI MCPサーバーに接続します

使う前に知っておきたいこと

• !ライセンスが明確に指定されていません（NOASSERTION）。再利用する前にライセンス条件を確認してください。
• !MCP接続には、typeui.shでホストされているTypeUIサービスが必要です。

収録されている特集

トピック

よくある質問

typeui とは？

AIコーディングツールにUI構築用のデザインシステムやレイアウトの指針を提供する、CLIとMCP連携に対応したデザインスキル・UIプロンプトライブラリです。 TypeUIは、AIコーディングアシスタントがWebサイトやアプリケーションを生成する際に使える、デザインスキル、UIプロンプト、デザインシステム仕様のコレクションです。リソースはDESIGN.mdとSKILL.md形式のMarkdownファイルで提供されるため、Markdownや一般的なプロンプトを受け付けるAIプロバイダーで利用できます。

typeui は無料で使えますか？ライセンスは？

typeui は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

typeui は今もメンテナンスされていますか？

活発にメンテナンス中。typeui の最終コミットは 2026年10月22日 です。

typeui は何に使えますか？

AIコーディングアシスタントに、一貫性のあるランディングページやダッシュボードを作成させる。 新しいWebまたはアプリのプロジェクト向けに、初期デザインシステムを用意する。 料金表やFAQなど、一般的なページセクションの参考情報をAIエージェントに提供する。

typeui のインストール方法は？

お使いのAIコーディングツール向けのTypeUIガイドを開きます ガイドの手順に従って、AIツールをTypeUI MCPサーバーに接続します

typeui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/bergside/typeui