Kimi Websites

Kimi는 시각적 입력(UI 시안, 스크린샷, 인터랙션 영상)과 자연어 지시를 이해하여 사용자 입력을 완전하고 실행 가능한 프런트엔드 코드로 변환합니다. 정적 UI뿐만 아니라 동적인 인터랙티브 동작까지 모두 다룹니다.

기능 개요

Kimi Websites는 어떻게 사용하나요?

방법 1: Kimi Websites 페이지 방문

1. 브라우저 열기: Chrome, Safari, Edge, Firefox 등 주요 브라우저를 사용하세요
2. 접속: kimi.com/websites (한국어 및 영어 지원)
3. 로그인: Kimi 계정(휴대폰 번호 또는 이메일)으로 로그인하세요
4. 작업 입력:

5. 구축 시작: 템플릿을 선택하거나 대화로 시작하세요

방법 2: 모바일 앱

iOS, Android, HarmonyOS 모두 공식 Kimi 앱을 제공합니다. 입력 영역에서 작업 표시줄을 탭한 뒤 Websites Agent 모드로 전환하면 멀티모달 생성 도구와 Agent 기능을 사용할 수 있습니다.

방법 3: K2.6 Agent 모드 사용

K2.6 Agent 모드로 전환하고 웹사이트 구축 작업을 입력하세요. Kimi가 비주얼 코딩 역량과 코드 실행 도구를 호출합니다.

Kimi Websites는 어떻게 작동하나요?

1단계: 대화로 웹사이트 만들기

자연어로 필요한 내용을 설명하세요. 세 가지 생성 방법을 지원합니다:

예시 프롬프트:

Text

2단계: 구축 과정

Kimi Websites는 webapp-building SKILL을 활성화합니다. 이는 전용 다중 라운드 코드 생성 에이전트입니다:

1. 요구사항 분석: 웹사이트 모듈, 시각적 스타일, 인터랙션 로직을 분석합니다
2. 작업 계획: 디자인, 개발, 에셋 준비 하위 작업으로 분해합니다
3. 기술 스택 선택: 적절한 아키텍처(예: React + Tailwind CSS)를 선택합니다
4. 에셋 생성: 이미지, 아이콘 등 시각적 에셋을 생성합니다
5. 코드 구축: 페이지 구조, 스타일링, 인터랙션 코드를 작성합니다
6. 여러 차례 최적화: 미리보기 결과를 바탕으로 완성될 때까지 스스로 조정합니다

3단계: 미리보기 및 조정

• 실시간 미리보기: HTML 데모 URL을 생성하여 브라우저에서 바로 확인합니다
• 대화형 편집: 대화를 이어가며 변경을 요청하세요. 예: "내비게이션 바를 어둡게 만들어줘"

4단계: 온라인 비주얼 편집

• 여러 차례 최적화: 지속적인 대화를 통해 세부 사항을 미세 조정합니다
• 편집 모드:
  • 주석 모드: 영역을 클릭하여 자연어 주석을 추가합니다
  • 선택 모드: 원하는 요소를 선택하고 주석을 추가합니다
  • 사각형, 화살표, 브러시, 색상 전환을 사용하여 수정 제안을 표시합니다
• 모든 수정 제안을 한 번에 Kimi에게 전송합니다

5단계: 배포 및 게시

생성 후에는 다음을 할 수 있습니다:

• 여러 배포 버전을 클릭하여 버전 파일을 다운로드
• 공유 버튼을 클릭하여 공개 배포 링크 얻기(또는 비공개로 설정)
• 편집 버튼을 클릭하여 수정 이어가기
• 전체 HTML/CSS/JS 코드를 다운로드하여 바로 배포하거나 추가로 다듬기

대상 사용자

참고 시나리오