3D 아티스트가 AI로 만든 도구 모음 사이트 | 바이브 코딩으로 코딩 지식 없이 제작

# AI로 사이트를 만든 3D 아티스트
안녕하세요, Cinema 4D와 Unreal Engine으로 작업하는 크리에이터입니다.
오늘은 제가 **AI와 대화하며 만든 큐레이션 사이트**를 소개합니다.

👉 **[사이트 바로가기] https://pandauniverse-art.github.io/link-curation-site/
![사이트 메인 화면]

 

 

---

## 🤔 왜 만들었나?

**"전공자만 할 수 있다"는 말이 이제 통하지 않는 시대**
- 중요한 건 "전공"이 아니라 **"도구를 아는 것"**
- AI는 작업을 대체하는 게 아니라 **확장**시켜주는 도구
- 그런데 매번 즐겨찾기 뒤지기 귀찮았어요

그래서 **제가 매일 쓰는 AI 도구를 한 페이지에 정리**했습니다.

---

## 💻 바이브 코딩으로 제작
**"코딩을 모르는데 어떻게 사이트를?"**
바로 **바이브 코딩** 방식입니다.

### 제작 과정:
1. ChatGPT에게 "이런 사이트 만들고 싶어" 설명
2. 코드 받아서 복붙
3. "여기 색상 바꿔줘", "이 기능 추가해줘" 요청
4. 다시 코드 받아서 복붙
5. 완성! ✨

**코딩 지식**: HTML/CSS 기초만 알면 충분


**1️⃣ AI TOOLS**
- ChatGPT, Claude, Genspark (대화형 AI)
- Midjourney, Firefly (이미지 생성)
- Runway, Pika, Sora (영상 생성)

**실전 활용 예시:**
- 컨셉 디자인 단계에서 다양한 방향성 탐색
- 텍스처 베리에이션 빠르게 테스트
- 영상 효과 프리뷰 제작
- 클라이언트 커뮤니케이션 자료 준비

**2️⃣ CAREER & JOB**
- LinkedIn (해외 네트워킹)
- Wanted (프로젝트 기회)
- JobKorea, Saramin (채용 정보)

**3️⃣ VIDEO**
- YouTube, Vimeo (포트폴리오 공유)

**4️⃣ DESIGN & PORTFOLIO**
- Behance (포트폴리오 관리)
- Awwwards (트렌드 체크)
- Dribbble, Pinterest (레퍼런스)

---

## ✨ 사이트 특징

### 1. 테마 전환 기능
우측 상단 버튼 클릭으로 즉시 변경:
- 🌑 다크 테마 (눈의 피로 감소)
- 🌊 딥 블루 테마 (차분한 분위기)
- ☀️ 화이트 테마 (깔끔하고 밝은)


### 2. 반응형 디자인
PC, 태블릿, 모바일 모두 최적화

### 3. 카테고리별 정리
필요한 도구를 빠르게 찾을 수 있어요

---

## 🚀 실전 워크플로우

**실제 클라이언트 프로젝트에서 AI 도구 활용:**