바이브코딩으로 페이지를 만들때 화려한 이모지 대신
적당한 아이콘을 찾기 위해 몇개의 사이트를 둘러 보던 중
한번에 비교할 수 있는 페이지를 만들었습니다.
제가 쓰려고 만들었는데
혼자 보기 아까워서 공유할게요. ^^
https://jvibeschool.com/vibeicon
페이지 하단의 README 확인 해 주세요.
[프롬프트]
- 바이브 코딩으로 웹페이지를 만들때 사용가능한 온라인 폰트야.
- 멋진 다이나믹 HTML 페이지 만들어줘 Google Material Icons
Heroicons
Tabler Icons
Feather Icons
Remix Icon
Bootstrap Icons
font awesome
lucide - 상단에 Fill, Size 를 조정해 볼 수 있는 기능
- 페이지 하단 jvibeschool.com 크레딧, 링크
- 다크모드, 라이트 모드 기능
- 다크 모드, 라이트 모드 모두 채도가 없는 그레이 색상만 사용
- 폰트 이름에 해당 웹사이트 링크
- 해당 사이트를 직접 방문 해 메인 페이지에서 볼 수 있는 아이콘을 20개 선정해서 보여줘
- 꼼수 쓰지 말고 직접 모두 다 방문 해야 돼.
- 엉뚱한 아이콘 나오면 절대 안 돼
- 다시 이야기 한다. 모두 직접 방문에서 실제 있는 아이콘만 20 개를 보여 주는 거야.
- 꼼수 쓰면 안 돼. 절대로. 직접 방문이다!!!!