GPT4 vs 클로드3 웹사이트 제작 대결 - 특이점이 온다 마이너 갤러리

특이점이 온다 갤러리
마이너

기술적 특이점에 대해 의논하고 그와 관련된 과학 기술 정보와 소식을 공유하는 갤러리입니다. *갤러리 이름은 동명의 레이 커즈와일의 저서 <특이점이 온다 (The singularity is near)>를 의미합니다.

매니저

특갤용(118wshxhtx5h)

부매니저

ㅇㅇ(hamaster) 부패하는유전자!!!(sansss20…) 부재중입니다.(hnn12) 은바다(nmra3fmz…)

개설일

2019-08-01

[일반] GPT4 vs 클로드3 웹사이트 제작 대결

G vs 클(125.137) 2024.03.20 14:05:07

조회 3245 추천 45 댓글 28

클로드3에게 사업 아이디어를 부탁했고, 이 사업의 웹사이트 제작을 GPT-4와 클로드3에게 요청했음. 디자인, 컨텐츠 등 모든 작업을 AI가 수행했고 나는 명령만함. 3페이지로 구성된 웹사이트를 부탁했는데, 여러 페이지를 한 번에 작업하니까 퀄리티가 떨어져서, 일단 메인 페이지만 확실하게 만들어 달라고 했다.

우선 GPT-4.

0af3c028e2f206a26d81f6e44583766e7664

뭐 나쁘진 않은데 솔직히 좀 아쉽다. 애니메이션, 아이콘 등 사용해서 최대한 모던하고 세련된 디자인으로 만들어달라고 여러차례 프롬프트를 입력했지만 여기서 크게 더 개선되지는 않더라. 사용자가 직접 구체적으로 하나하나 지적하면서 수정 요청하면 당연히 훨씬 개선되겠지만, GPT의 알잘딱 수준은 딱 여기까지인듯.

다음은 클로드3

viewimage.php?id=39b5d535ecdc3fb362bec4bc02c8&no=24b0d769e1d32ca73de982fa11d02831c01d6e5fbed2bd28d2c5c652a5688501946052db0e5e58a54efd4565bb765b68b71563565218f244332cd0de3ad48191dee2229939816faa5d

(페이지가 길어서 아래는 잘림)

디자인에 최대한 신경을 써달라고 3~4차례 정도 프롬프트 입력하니까 매우 정석적이고 모던한 느낌의 페이지가 완성됐다!

GPT4 보다는 훨씬 더 그럴듯한 비지니스 웹사이트의 구색을 갖추고 있다. 페이지에 존재하는 여러 UI에 마우스 커서를 올리면 (모바일에서는 터치) 애니메이션 효과가 나와서 아주 세련된 느낌을 준다. 디자인 뿐 아니라 기본적으로 클로드3가 전반적으로 웹사이트 개발에 더욱 적합하고 효율적인 방식으로 프로젝트를 구조화하더라. 재미있어서 클로드3으로는 나머지 2페이지도 완성해달라했다.

0eef9e36ebd518986abce89542897665c4cf

product 페이지 (이것도 좀 잘림)

0eee9e36ebd518986abce8954289736a10

faq 페이지

아주 훌륭하다..! 프롬프트질을 수십차례 해서 보강을 해야했지만, 이정도면 웬만한 웹사이트 제작 업체 못지않은 것 같다.

아래는 완성된 웹사이트 링크

https://incredible-bunny-2f6bd0.netlify.app

EruditeErrand - 대학생 심부름 서비스

EruditeErrand - 대학생 심부름 서비스

incredible-bunny-2f6bd0.netlify.app

반응형 웹사이트라 pc와 모바일 모두 잘 작동한다.

결론

디자인 및 사이트 설계 전체를 AI에게 일임한 경우 클로드3이 압승했다. 여러차례 비교 테스트해봤는데, 항상 클로드3이 우세한 것을 보면 클로드가 웹사이트 제작에 있어서는 확실히 GPT4보다 우세하다고 말할 수 있을 것 같다.

GPT4 VS 클로드3 비교 테스트 아이디어 댓글로 남겨주면 가능한 선에서 해볼게

고정닉 12

원본 첨부파일 3본문 이미지 다운로드

전체 댓글 0개

등록순

본문 보기

타인의 권리를 침해하거나 명예를 훼손하는 댓글은 운영원칙 및 관련 법률에 제재를 받을 수 있습니다.
Shift+Enter 키를 동시에 누르면 줄바꿈이 됩니다.

갤러리 리스트
번호	말머리	제목	글쓴이	작성일	조회	추천
2853	설문	연인과 헤어지고 뒤끝 작렬할 것 같은 스타는?	운영자	24/04/22	-	-
458049	정보	이너코스모스, 우울증 치료하는 뇌 임플란트 출시...간단한 수술이 장점 [12]	ㅇㅇ(182.230)	04.20	796	23
458019	정보	젠슨 황: 머지않은 미래 적절가격에 휴머노이드 보급 가능 [42]	noosphere	04.20	3181	26
457991	정보	한국이 파운데이션 모델 '0'을 기록한 이유는 [15]	ㅇㅇ(182.230)	04.20	2361	25
457974	일반	르쿤햄) 라마3 성능의 비결 [33]	ㅇㅇ(121.133)	04.20	2778	28
457963	정보	안드레 카파시의 라마3 평가 [11]	ㅇㅇ(182.230)	04.20	2174	26
457928	일반	agi 은근슬쩍 내려치기 하는 놈들이 보이네 [27]	ㅇㅇ(1.237)	04.20	2620	24
457897	일반	AGI가 코앞이 아닌거 같은 이유 [78]	ㅇㅇ(1.234)	04.20	4062	34
457875	일반	르쿤게이도 라마3 기여했다 [8]	ㅇㅇ(123.100)	04.20	1687	23
457850	일반	정치충은 막는게 맞음 [29]	ㅇㅇ(106.101)	04.20	1617	29
457839	일반	르쿤이 메타 LLM팀 아님 [7]	ㅇㅇ(125.191)	04.20	1493	20
457752	일반	한 남자의 어록 모음 [37]	agi2024	04.19	3024	51
457748	일반	???: ㅋㅋ 고작 이딴걸로 좋아하네 [13]	agi2024	04.19	3077	23
457691	일반	이미 로펌에서 GPT-4 로 변론서 작성중이라는데 ㅋㅋㅋㅋㅋ [13]	ㅇㅇ(124.49)	04.19	2646	24
457690	일반	역시 르쿤이형이냐 [12]	ㅇㅇ(59.11)	04.19	1911	56
457641	정보	(오피셜) 라마3 곧 추가될 기능들 [15]	ㅇㅇ(123.100)	04.19	2585	27
457620	일반	405B 짜리는 GPT-4 터보 걍 좆바르겠노 ㅋㅋ [8]	ㅇㅇ(123.100)	04.19	2108	20
457615	일반	라마3 한국어로 쓰고 실망 ㄴㄴ [4]	ㅇㅇ(123.100)	04.19	2144	19
457613	일반	챗봇아레나 라마3 성능 돌아버렸네 ㅋㅋㅋㅋㅋㅋㅋㅋ [6]	ㅇㅇ(110.145)	04.19	2098	21
457608	정보	라마3 Chatbot arena 리더보드 순위 미쳤노ㅋㅋㅋ [4]	ㅇㅇ(123.100)	04.19	1199	19
457522	정보	MS '대화하는 얼굴' VASA-1 작동 영상 [6]	ㅇㅇ	04.19	1172	22
457509	정보	오늘 있던 Oai 강연 + 앞로 있을 3개 [12]	ㅁㄴㅇㄹ	04.19	1830	22
457496	일반	라마3 400b 성능은 gpt-4보다 훨씬 높을수도 [14]	ㅇㅇ(110.145)	04.19	1633	19
457481	정보	chagpt가 특정 단어를 반복하는 이유에 대한 기사가 나왔네 [17]	ㅇㅇ	04.19	2202	24
457455	일반	라마3는 충분히 기뻐할만한 일 아님? [15]	ㅇㅇ(211.44)	04.19	2299	46
457454	일반	라마 매력봐라 ㅅㅂㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ [14]	아디라스	04.19	3344	33
457432	일반	라마3 아이폰에서 구동 성공 [15]	rtOS	04.19	2489	23
457416	일반	라마4 떡밥 [3]	특술람	04.19	1011	22
457400	정보	스탠포드 피셜)) 분야별 ai발전 속도 인덱스 [19]	lightvector	04.19	2534	27
457399	정보	메타 실시간 이미지 생성 발표 [9]	특술람	04.19	2683	30
457358	일반	라마3 동양인 혐오하네 ㅇㅇ [19]	ㅇㅇ	04.19	3110	33
457357	일반	솔직히 라마 좃도 안기쁘면 개추 ㅋㅋ [20]	ㅇㅇ(210.205)	04.19	2778	30
457344	AI창 AI창작	수노3) 라마가 부른 노래 만들어봄 [8]	ㅇㅇ	04.19	1202	17
457310	일반	라마3 70b 사용해볼수있게 허깅쳇에 떳다 [7]	ㅇㅇ	04.19	2070	24
457304	정보	찬양하라ㅡMeta. [4]	ㅇㅇ(123.100)	04.19	1829	28
457303	정보	라마3에 사용된 인간 주석데이터양 ㄷㄷㄷ [8]	ㅇㅇ(123.100)	04.19	2341	20
457301	정보	라마2vs3 발전속도 보기.. [7]	ㅇㅇ(123.100)	04.19	1951	21
457300	일반	Meta는 오픈소스 AGI를 위한 데이터센터 구축 중 [12]	모브	04.19	1345	23
457272	정보	오피셜) GPT4 API 사망 [6]	ㅇㅇ(123.100)	04.19	3132	32
457260	일반	라마3 400b와 4터보 벤치 [8]	ㅇㅇ(175.124)	04.19	1581	16
457254	일반	개념글 빨리 올려라 시발 ㅋㅋ [10]	lightvector	04.19	1838	29
457232	일반	GPT4 초 멸망ㅋㅋㅋㅋ [2]	ㅇㅇ(123.100)	04.19	2566	22
457213	정보	라마3 벤치마크 [16]	ㅇㅇ(211.59)	04.19	1968	22
457172	일반	라마3 70b [5]	특술람	04.18	1729	28
457168	일반	르쿤햄 오늘도 호감 1스택 적립 [5]	ㅇㅇ(218.158)	04.18	1352	27
457165	정보	라마3 발표 [15]	특술람	04.18	2672	34
457122	일반	국내는 솔직히 병신맞음 [4]	ㅇㅇ(118.235)	04.18	1079	17
457091	정보	MS-오픈AI, EU의 합병 조사 피할 듯..."단순 투자로 결론" [2]	ㅇㅇ(182.230)	04.18	948	17
457057	일반	[충격]세계 최초 뇌영상 기술 조작 논란 [28]	xdxd333	04.18	2808	24
456979	일반	근데 진짜 빅이슈면 이미 해외에서부터 ㄹ들갑떨긴 함 [4]	ㅇㅇ(115.139)	04.18	1002	22
456973	일반	념글 이거 존나웃기네 씨발 ㅋㅋㅋㅋㅋ [10]	ㅇㅇ	04.18	3405	31