TypeUIはAIファーストのプラットフォームで、デザインスキル、UIプロンプト、その他のリソースを使ってAI機能を強化し、ウェブサイトやアプリケーション構築時により良いユーザーインターフェースやデザインを生成できます。このリポジトリのリソースは、マークダウンファイルや一般的なプロンプトに対応している限り、どのAIプロバイダーでも動作します。

始める

構築する場所にTypeUIをインストールしてください。AIコーディングツールをTypeUI MCPに接続し、TypeUIがデザインシステム、プロンプト、レイアウトバリエーションのガイダンスを提供する間、平易な言語でUIをリクエストしてください。

コデックス

TypeUI Codexプラグインを使ってCodexをTypeUI MCPに自動的に接続してください。

Codex →にインストール

クロード

ClaudeがUIを書いたりリファクタリングしたりする際、キュレーションされたデザインガイダンスへのアクセスを提供しましょう。

Claude →にインストール

カーソル

Cursorが画面やセクション、バリエーションを作成する間、TypeUIカーソルプラグインを使ってください。

カーソル→にインストール

グロック

ホストされたTypeUI MCPサーバーをGrokに追加してください。

オープングロックガイド→

Z.ai

ホストされたTypeUI MCPサーバーをZCodeに追加 Z.ai。

Z.ai 開いてガイド→

ヘルメス

Hermes Agent用のTypeUI MCPプラグインをインストールしてください。

TypeUI - Build better UI with AI

TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.

Getting started

Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.

    Codex
  

  Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.
  
  Install in Codex →


  
    
    
    Claude
  

  Give Claude access to curated design guidance while it writes or refactors UI.
  
  Install in Claude →


  
    
    
    Cursor
  

  Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.
  
  Install in Cursor →




  
    
    
    Grok
  

  Add the hosted TypeUI MCP server to Grok.
  
  Open Grok guide →


  
    
    
    Z.ai
  

  Add the hosted TypeUI MCP server to Z.ai ZCode.
  
  Open Z.ai guide →