TypeUI 是一个以 AI 为先的平台，你可以利用设计技能、UI 提示和其他资源提升 AI 能力，从而在构建网站和应用时生成更好的用户界面和设计。该仓库中的资源可以适用于任何支持 markdown 文件或通用提示的 AI 提供商。

开始

在你构建的地方安装TypeUI。将你的AI编码工具连接到TypeUI MCP，然后用通俗语言请求UI，同时TypeUI提供设计系统、提示和布局变化指导。

法典

使用 TypeUI Codex 插件自动连接 Codex 与 TypeUI MCP。

安装在Codex →

克洛德

在编写或重构界面时，让Claude获得精心策划的设计指导。

在Claude →中安装

光标

在光标构建屏幕、章节和变体时，使用TypeUI光标插件。

在光标→安装

格罗克

把托管的TypeUI MCP服务器添加到Grok。

打开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 →