bergside/typeui

어떤 프로젝트인가요?

핵심 기능

• 01대화형 CLI 프롬프트를 통해 SKILL.md 또는 DESIGN.md 형식의 디자인 사양을 생성합니다.
• 02호스팅 MCP 서버를 통해 AI 코딩 도구를 TypeUI에 연결합니다.
• 03간격, 타이포그래피, 대비를 다루는 UI/UX 기본 스킬을 제공합니다.
• 04마케팅 페이지와 앱 페이지를 위한 디자인 스타일 및 레이아웃 프롬프트 카탈로그를 제공합니다.

활용 사례

• AI 코딩 어시스턴트가 일관된 랜딩 페이지나 대시보드를 만들도록 안내합니다.
• 새 웹 또는 앱 프로젝트의 초기 디자인 시스템을 마련합니다.
• 가격 안내나 FAQ 같은 일반적인 페이지 섹션을 AI 에이전트가 참고하도록 합니다.

빠른 시작

1. 1

   사용 중인 AI 코딩 도구에 해당하는 TypeUI 가이드를 엽니다

2. 2

   가이드의 단계에 따라 AI 도구를 TypeUI MCP 서버에 연결합니다

사용 전 알아둘 점

• !라이선스가 명확하게 지정되어 있지 않습니다(NOASSERTION). 재사용하기 전에 라이선스 조건을 확인하세요.
• !MCP 연결은 typeui.sh에서 호스팅되는 TypeUI 서비스에 의존합니다.

포함된 컬렉션

토픽

자주 묻는 질문

typeui은(는) 무엇인가요?

AI 코딩 도구에 UI 제작을 위한 디자인 시스템과 레이아웃 가이드를 제공하는 CLI 및 MCP 연동 디자인 스킬·UI 프롬프트 라이브러리입니다. TypeUI는 AI 코딩 어시스턴트가 웹사이트와 애플리케이션을 생성할 때 활용할 수 있는 디자인 스킬, UI 프롬프트, 디자인 시스템 사양 모음입니다. 리소스는 DESIGN.md 및 SKILL.md 형식의 Markdown 파일로 제공되므로, Markdown이나 일반 프롬프팅을 지원하는 모든 AI 서비스에서 사용할 수 있습니다.

typeui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

typeui은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

typeui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. typeui의 마지막 커밋은 2026년 10월 22일입니다.

typeui은(는) 어디에 사용할 수 있나요?

AI 코딩 어시스턴트가 일관된 랜딩 페이지나 대시보드를 만들도록 안내합니다. 새 웹 또는 앱 프로젝트의 초기 디자인 시스템을 마련합니다. 가격 안내나 FAQ 같은 일반적인 페이지 섹션을 AI 에이전트가 참고하도록 합니다.

typeui는 어떻게 설치하나요?

사용 중인 AI 코딩 도구에 해당하는 TypeUI 가이드를 엽니다 가이드의 단계에 따라 AI 도구를 TypeUI MCP 서버에 연결합니다

typeui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/bergside/typeui