ai web designer

AI 웹디자이너

AI Web Designer는 OpenAI의 GPT API로 구동되는 웹 구축 도구입니다. 이를 통해 정적 웹 페이지를 쉽게 만들고 디자인할 수 있습니다. 이 도구는 ReactJS를 사용하여 프로그래밍되었으며 개인과 팀이 웹 페이지를 더 빠르게 구축할 수 있도록 설계되었습니다.

이제 https://csansoon.github.io/ai-web-designer/에서 라이브로 사용해 볼 수 있습니다!

특징

• HTML, CSS, JS 코드의 실시간 미리보기

• 더 빠른 코딩을 위한 AI 기반 자동 완성

• 토큰 및 가격 추적기

제한 사항

OpenAI API의 한계로 인해 AI Web Designer는 내용이 너무 많은 대용량 문서를 처리할 수 없습니다. API에는 요청당 최대 4,000개의 토큰 제한이 있습니다. 이는 AI가 큰 코드 섹션을 생성할 수 없거나 문서가 너무 큰 경우 사용자에게 응답할 수 없음을 의미합니다.

사용방법

AI Web Designer를 사용하려면 다음 단계를 따르세요.

1. GitHub 저장소에서 프로젝트를 복제합니다.

2. npm install 실행하여 종속성을 설치합니다.

3. npm start 실행하여 개발 서버를 시작합니다.

4. 웹 브라우저에서 http://localhost:3000 에 접속하세요.

도구를 설치하고 실행한 후에는 사이드바의 채팅을 통해 AI에게 요청하여 웹 페이지 구축을 시작할 수 있습니다. 그런 다음 통합 코드 편집기를 사용하여 HTML, CSS 및 JS 코드를 사용자 정의할 수 있습니다.