Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
TypeUI는 디자인 기술과 UI 프롬프트를 활용하여 웹사이트 및 애플리케이션의 사용자 인터페이스를 개선하는 AI 우선 플랫폼입니다. 마크다운 형식의 리소스를 제공하여 다양한 AI 모델과 호환되며, 간격, 타이포그래피, 색상 대비 등 디자인 원칙을 준수하는 고품질 UI 생성을 지원합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Codex tools의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기TypeUI는 디자인 기술 (design skills), UI 프롬프트 (UI prompts) 및 기타 리소스를 사용하여 AI 역량을 강화함으로써, 웹사이트와 애플리케이션을 구축할 때 더 나은 사용자 인터페이스 (UI)와 디자인을 생성할 수 있도록 돕는 AI 우선 (AI-first) 플랫폼입니다. 이 저장소 (repository)의 리소스들은 마크다운 (markdown) 파일이나 일반적인 프롬프팅 (prompting)을 지원한다면 어떤 AI 제공업체와도 함께 작동합니다.
NPX 명령어를 사용하여 TypeUI로 구축을 시작할 수 있습니다:
npx typeui.sh --help
모든 디자인 기술을 확인해 보세요. DESIGN.md와 SKILL.md 형식 모두에서 사용할 수 있습니다.
TypeUI 프롬프트 (TypeUI Prompts)에서 모든 주요 UI 프롬프트 카테고리를 살펴보세요.
Hero Sections
17 layouts
|
Pricing Sections
20 layouts
|
Feature Sections
16 layouts
|
CTA Sections
11 layouts
|
Content Sections
12 layouts
|
Contact Sections
9 layouts
|
Customer Logos
10 layouts
|
Team Sections
8 layouts
|
Social Proof
11 layouts
|
FAQ Sections
8 layouts
|
Testimonials
8 layouts
|
Blog Sections
8 layouts
|
Portfolio Sections
7 layouts
|
4 layouts
|
Event Schedule
4 layouts
|
Footer Sections
7 layouts
|
Login Pages
5 layouts
|
Register Pages
5 layouts
|
디자인 업계의 수년간의 경험, 지식 및 데이터를 기반으로 한 UI/UX 기초 (fundamentals) 공식 기술을 사용하여, TypeUI의 디자인 기술 및 UI 프롬프트와 함께 생성하는 모든 UI가 간격 (spacing), 타이포그래피 (typography), 색상 대비 (color contrasts) 등과 같은 기본적인 디자인 원칙을 유지하도록 하세요.
로컬에 설치하려면 다음 명령어를 실행하세요:
npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals
모든 명령어는 npx typeui.sh를 통해 실행됩니다. 옵션을 확인하려면 모든 명령어에 --help를 추가하세요.
| 명령어 | 기능 |
|---|---|
| 🪄 | generate |
| ✏️ | update |
| 🎲 | randomize |
| 📚 | list |
| ⬇️ | pull <slug> |
대화형 프롬프트를 실행하고 새로운 SKILL.md (기본값) 또는 DESIGN.md 파일을 생성합니다.
npx typeui.sh generate
npx typeui.sh generate --format design
대화형 프롬프트를 실행하고 기존 출력 파일을 제자리에서 업데이트합니다.
npx typeui.sh update
완전히 무작위화된 로컬 디자인 시스템을 생성합니다 — 스타터 스펙 (starter spec)을 빠르게 시딩 (seeding)하는 데 유용합니다.
npx typeui.sh randomize
npx typeui.sh randomize --format design
bergside/awesome-design-skills에서 사용 가능한 레지스트리 스펙을 탐색하고 (typeui.sh의 미리보기 링크 포함), 하나를 자동으로 가져옵니다.
npx typeui.sh list
npx typeui.sh list --format design
슬러그를 통해 레지스트리 마크다운 파일을 가져옵니다. SKILL.md는 제공자 경로 (provider paths)에 작성되며, DESIGN.md는 프로젝트 루트 (project root)에 작성됩니다.
npx typeui.sh pull <slug>
npx typeui.sh pull <slug> --format design
이 도구를 로컬에서 사용하려면 다음 명령어를 실행해야 합니다:
npm install
npm run build
그 다음, 터미널에서 npx 대신 다음 명령어를 사용하세요:
node dist/cli.js --help
CLI와 공개 레지스트리는 MIT 라이선스 (MIT License) 하에 오픈 소스 (open-source)로 제공됩니다.
프로 버전 (pro version)을 사용하여 강화된 디자인 스킬 파일, 레이아웃을 위한 UI 프롬프트, 그리고 비공개 Discord 커뮤니티에 참여하여 저희의 오픈 소스 작업을 지원해 주세요.
프로젝트의 스폰서가 되고 싶다면, 저희 웹사이트의 스폰서십 (sponsorship) 페이지를 확인해 주세요.