TypeUI는 AI 우선 플랫폼으로, 디자인 스킬, UI 프롬프트 및 기타 자원을 활용해 AI 역량을 강화하여 웹사이트와 애플리케이션을 구축할 때 더 나은 사용자 인터페이스와 디자인을 생성할 수 있습니다. 이 저장소의 자료는 마크다운 파일이나 일반 프롬프트를 지원하는 모든 AI 제공자와 호환됩니다.

시작

빌드하는 곳에 TypeUI를 설치하세요. AI 코딩 도구를 TypeUI MCP에 연결한 후, TypeUI가 디자인 시스템, 프롬프트, 레이아웃 변형 안내를 제공하는 동안 평범한 언어로 UI를 요청하세요.

코덱스

TypeUI Codex 플러그인으로 Codex를 TypeUI MCP에 자동으로 연결하세요.

코덱스 →에 설치

클로드

Claude가 UI를 작성하거나 리팩터링하는 동안 큐레이션된 디자인 가이드에 접근할 수 있도록 하세요.

Claude →에 설치하기

커서

Cursor가 화면, 섹션, 변형을 만드는 동안 TypeUI 커서 플러그인을 사용하세요.

커서 →에 설치

그록

호스팅된 TypeUI MCP 서버를 Grok에 추가하세요.

오픈 그록 가이드 →

Z.ai

호스팅된 TypeUI MCP 서버를 Z.ai ZCode에 추가하세요.

오픈 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 →