불러오는 중
불러오는 중
바이브코딩 · AI LABS EXPLORER
팀원들이 직접 기획하고 제작한 AI 앱을 탐색해보세요.
아이디어를 실행하고, 나만의 앱을 등록하여 공유할 수 있습니다.
유틸
다른 사이트에 삽입할 수 있는 이미지 URL을 만들어 주는 웹앱
유틸
여러 개의 Git 계정을 번거로운 설정 없이 클릭 몇 번으로 자유롭게 전환하고 관리하세요. Git Account Manager - Git Profile & Command Generator 웹앱을 사용해 보세요! 사용 방법은 아래와 같습니다. 프로필 등록: 왼쪽 '프로필' 섹션에 계정 정보를 등록하여 필요할 때마다 클릭 한 번으로 활성 계정을 선택하세요. 명령어 생성: 저장소 URL과 토큰을 입력하면 하단에 환경 설정에 필요한 터미널 명령어가 자동으로 생성됩니다. 터미널 실행: 생성된 명령어의 '복사' 버튼을 눌러 프로젝트 터미널(VS Code 등)에 붙여넣으면 즉시 설정이 완료됩니다.
유틸
사용 방법 1.파일 업로드: 변환하고 싶은 이미지를 드래그하거나 중앙 영역을 클릭하여 선택하세요. 2.품질 설정: 우측 '변환 설정' 슬라이더를 통해 파일 용량과 화질의 균형을 맞추세요. 3.결과 확인: 변환 리스트에서 용량 감소율과 미리보기를 실시간으로 확인하세요. 4.저장하기: 개별 다운로드 버튼 또는 'ZIP 다운로드'를 눌러 결과물을 저장하세요. 주요 특징 100% 클라이언트 사이드: 이미지가 서버로 업로드되지 않아 개인정보가 완벽히 보호됩니다. 강력한 일괄 변환: 수십 장의 이미지를 동시에 업로드하고 한 번에 WebP로 변환할 수 있습니다. 효율적인 압축: 고품질을 유지하면서도 JPG/PNG 대비 최대 80% 이상의 용량을 절감합니다. 완전 무료 & 무제한: 사용량 제한이나 비용 결제 없이 브라우저에서 즉시 사용 가능합니다!
유틸
고품질 AI 목소리 생성의 모든 것 Gemini 2.5 Flash TTS를 활용하여 복잡한 대본과 텍스트를 실제 성우처럼 생생한 오디오로 변환해주는 스마트 AI 보이스 제작 워크스테이션입니다. 이용 방법 1.에디터에 텍스트를 입력하거나 .txt 파일을 가져옵니다. 2.원하는 목소리와 엔진(가성비/고성능), 스타일 지침을 설정합니다. 3.생성 버튼을 눌러 오디오를 확인하고 개별 또는 일괄 다운로드합니다. 주요 특징 고성능 AI 엔진 Google의 최신 Gemini 2.5 Flash TTS 모델을 탑재하여 자연스러운 억양을 제공합니다. 멀티 작업 모드 단순 텍스트 변환(일반)과 컷별 상황 지침이 포함된 대본(스크립트) 모드를 지원합니다. 보이스 캐릭터 남성, 여성, 부드러움, 강렬함 등 개성 있는 5종의 보이스를 선택할 수 있습니다. 일괄 다운로드 생성된 여러 개의 오디오 파일을 한 번에 ZIP 파일로 압축하여 편리하게 저장합니다. TIP 일일 한도 초과 시, 본인의 API 키를 입력하여 무제한으로 사용 가능합니다.
유틸
GDrive Linker 소개 구글 드라이브 이미지를 웹사이트, 블로그, 마크다운 문서 등에 바로 보여질 수 있도록 스마트한 우회 직링크로 변환해주는 도구입니다." 웹앱의 주요 특징 안정적인 우회 방식: Thumbnail API를 활용해 마크다운 뷰어에서도 이미지가 끊김 없이 표시됩니다. 즉시 변환: 링크 입력 즉시 마크다운, HTML, 직링크 포맷을 동시에 생성합니다. 실시간 미리보기: 변환된 링크가 실제로 어떻게 렌더링되는지 즉석에서 확인할 수 있습니다. 사용자 편의성: 코드 영역 클릭만으로 간편하게 클립보드에 복사할 수 있습니다. 사용 방법 1.구글 드라이브 이미지의 공유 설정을 '링크가 있는 모든 사용자'로 변경합니다. 2.해당 이미지의 공유 링크를 복사합니다. 3.본 웹앱의 메인 입력창에 복사한 링크를 붙여넣습니다. 4.생성된 결과물 중 필요한 형식을 클릭하여 복사 후 사용합니다.
교육
한 줄 소개 게임처럼 5개 퀘스트를 깨면 내 앱 기획서와 Gemini용 프롬프트가 완성돼요 상세 설명 (마크다운) 이런 분께 바이브코딩 수업에서 학생들이 "뭘 만들지" 막막해하는 교사 앱을 만들고 싶지만 기획서를 어떻게 쓰는지 모르는 초·중·고 학생 AI(Gemini)에게 "공부 앱 만들어줘"보다 구체적으로 요청하고 싶은 분 주요 기능 5개 퀘스트 진행: 불편함 발견 → 주인공 만나기 → 기능 고르기 → 지도 그리기 → 이름 짓기. 퀘스트를 하나 깰 때마다 진행도(XP)가 100씩 올라가 화면 위쪽에서 지금 어디까지 왔는지 볼 수 있어요. 안내 캐릭터 '에이든': 퀘스트마다 말풍선으로 질문을 던지고 예시와 한마디 조언을 줘요. Must 기능 3개 제한: 꼭 필요한 기능은 3개까지만 담을 수 있어서, 처음엔 작게 시작하는 연습이 돼요. 기획서(PRD) 자동 정리: 입력한 내용이 문제·주인공·기능·화면·이름이 담긴 기획서로 정리돼요. Gemini 프롬프트 한 번에 복사: 완성된 기획서를 바탕으로 한 프롬프트를 복사하거나, 기획서만 복사할 수 있어요. 저장·이어하기: 쓰던 내용이 이 기기 브라우저에 저장되어 새로고침해도 이어서 할 수 있어요. (로그인·서버 저장 없음) 사용 방법 퀘스트 시작을 눌러 에이든과 함께 5개 퀘스트의 빈칸을 채워요. 마지막 퀘스트를 마치면 기획서가 완성돼요. 프롬프트 복사 후 Gemini 열기를 눌러 붙여넣으면 앱 만들기가 시작돼요. 참고 기획서와 프롬프트를 만들어 주는 앱이에요. 앱 자체를 만들어 주지는 않고, 만드는 것은 Gemini가 해요. 입력 내용은 브라우저에만 저장되므로 다른 기기에서는 이어지지 않아요. 개인정보(실명, 연락처, 학교)는 쓰지 않도록 안내하세요. 주인공은 가상의 인물로 정하면 돼요.
교육
이런 분께 학생들에게 "코딩 전에 앱을 먼저 설계하기"를 가르치고 싶은 선생님 만들고 싶은 앱은 있는데 AI에게 어떻게 설명해야 할지 막막한 입문자 주요 기능 노드로 앱 설계: 화면·구성요소·데이터·조건·외부 연동·알림·역할·메모 노드를 놓고 선으로 이어 앱의 흐름을 그려요. 앱 화면으로 보기: 노드를 휴대폰 화면 모양으로 바꿔서 보고, 버튼을 누르거나 ▶ 재생으로 화면 흐름을 따라가 볼 수 있어요. 레이아웃 9가지와 색 테마 5가지를 골라요. 빠진 곳 점검: 시작 화면이 없는지, 막다른 화면은 없는지 등을 규칙으로 알려줘요. 내 Gemini 키를 넣으면 AI 점검과 AI 초안도 써요. AI 지시문 만들기: 기획을 Claude Code, 앱 빌더, 채팅 AI, 마크다운 중 쓸 도구에 맞는 지시문으로 바꿔 복사해요. 눌러 보며 배우는 안내: 처음 열면 5단계 안내가 나와서 직접 눌러 보며 익혀요. 예시 프로젝트도 불러올 수 있어요. 클래스로그AI 제출: 클래스로그AI 교실에서 입장하면 지시문을 바로 제출할 수 있어요. 사용 방법 보관함에서 화면 노드를 놓고 선으로 이어요. (예시 불러오기로 먼저 둘러봐도 돼요.) "점검" 탭에서 빠진 곳을 고치고, "앱 화면 보기"로 흐름을 따라가 봐요. "지시문" 탭에서 쓸 AI 도구를 골라 복사하거나 수업에 제출해요. 참고 앱을 직접 만들어 주지는 않아요. 만든 지시문을 다른 AI 도구에 붙여넣어 쓰는 도구예요. AI 초안·AI 점검은 사용자가 상단 "AI 설정"에 본인 Gemini 키를 입력해야 해요. 클래스로그AI 제출은 교사가 교실에 도구로 연결한 뒤에만 보여요. 작업 내용은 이 기기의 브라우저에 저장돼요. 다른 기기로 옮기려면 내보내기 파일을 써요.
교육
이런 분께 학생들에게 "만들기 전에 먼저 기획하기"를 가르치고 싶은 선생님 막연한 아이디어를 AI에게 정확히 전달할 문서로 바꾸고 싶은 학생·입문자 주요 기능 카드 연결 기획: 화면·기능·데이터 같은 카드를 놓고 선으로 이어 흐름을 그려요. 앱, 이미지, 영상 세 가지 모드를 지원해요. AI용 기획서·프롬프트 내보내기: 연결한 카드로 기획 문서와 프롬프트를 만들어 복사해요. 다른 AI 플랫폼에 붙여넣어 쓰는 방식이고, 이 앱이 직접 결과물을 생성하지는 않아요. 프롬프트 점검표: 빠진 항목이 있는지 체크리스트로 알려줘요. 영상 모드는 장면 순서와 전환(컷·페이드·디졸브)을 반영해요. 저장과 공유: 자동 저장, 파일 저장, 짧은 링크 공유(보기 전용/편집 가능)를 지원해요. 클래스로그AI 제출: 클래스로그AI에서 입장하면 기획서를 바로 제출할 수 있어요. 사용 방법 앱·이미지·영상 중 모드를 고르고 카드를 놓아요. 카드 내용을 채우고 선으로 이어요. 샘플로 먼저 둘러봐도 돼요. 점검표를 확인한 뒤 기획서나 프롬프트를 복사해 쓰거나 링크로 공유해요. 참고 결과물을 직접 만들어 주지 않아요. 만든 기획서를 다른 AI에 붙여넣어 쓰는 도구예요. 클래스로그AI 제출은 교사가 클래스에 도구로 연결한 뒤에만 보여요. 편집 중인 내용은 이 기기 브라우저에 저장돼요. 다른 기기에서 보려면 링크나 파일로 옮겨 주세요.
교육
이런 분께 소리의 높낮이·음색이 어떻게 숫자로 바뀌는지 직접 들으며 이해하고 싶은 분 수업에서 "피아노 소리가 말이라니?" 하는 호기심으로 학생을 집중시키고 싶은 선생님 좋아하는 대사나 외침을 피아노로 바꿔 친구와 맞히기 퀴즈를 하고 싶은 분 주요 기능 목소리 → 88건반 변환 — 음성을 짧은 조각으로 나눠 FFT로 분석하고, 소리의 세기(dB)를 건반을 누르는 세기로 바꿉니다 억양 라인 — 목소리의 기본 높이(F0)를 따로 추적해 한 줄 멜로디로 얹어, 말의 오르내림이 또렷하게 들립니다 잘 들리게 하는 보정 — 무음·배경 소음 제거, 저음 목소리 한 옥타브 보정, 말끝이 거짓으로 올라가지 않게 하는 처리 슬라이더로 조절 + MIDI·WAV 저장 — 동시 건반 수, 선택 범위 등을 바꿔 들어 보고 .mid / .wav로 저장 퀴즈 화면 — 파일 이름과 정답을 숨기고 건반만 보여 주며, "정답 확인"을 누르면 정답 문장과 원음이 나옵니다. 기본 문제 5개와 난이도(기본/쉬움/보통/어려움) 버튼 포함 사용 방법 메인 화면에서 음성 파일을 올리거나 녹음합니다. 배경음악 없이 목소리만 있는 2~6초 문장이 가장 잘 들려요. 변환된 피아노 소리를 듣고, 슬라이더로 건반 수와 범위를 바꿔 가며 들어 봅니다. 마음에 들면 MIDI/WAV로 저장합니다. 퀴즈로 쓰려면 정답 문장을 입력한 뒤 "퀴즈 화면으로" 이동해, 듣고 맞힌 다음 "정답 확인"을 누릅니다. 참고 억양과 음색의 윤곽을 옮기는 방식이라 말소리를 그대로 재현하지는 않아요. 처음 들으면 어렵게 느껴질 수 있습니다. 속삭임이나 낮고 갈라지는 목소리는 높낮이를 읽기 어려워 약하게 들릴 수 있습니다. 모든 변환은 브라우저 안에서 이뤄지고, 올린 음성이 외부로 전송되지 않습니다.
교육
이런 분께 코드 진행이 어렵지만 나만의 곡 뼈대를 만들어 보고 싶은 분 음악 수업에서 "코드·리듬·장르"를 직접 들으며 가르치고 싶은 선생님 좋아하는 노래의 코드를 찾아서 내 스타일로 다시 편곡해 보고 싶은 분 AI에게 곡 아이디어를 물어보고, 결과를 바로 소리로 확인하고 싶은 분 주요 기능 5개 구간으로 곡 만들기 — 인트로·벌스·프리코러스·코러스·아웃트로를 단계별로 편집, 구간 반복 횟수와 순서도 자유롭게 조정 장르별 곡 생성 — 팝·로파이·록·재즈 시드 기반 생성, 데모 샘플곡으로 바로 들어볼 수 있어요 코드 입력 & 외부 악보 연계 — Chordify·Klang에서 찾은 코드를 텍스트로 붙여넣거나 마디별로 직접 배치해 내 곡으로 변환 4박자 스텝 시퀀서 — 드럼·피아노·베이스·스트링을 박자 단위(1/4/½/¾박)로 눈으로 보며 편집, 🌱심플/🔥풍성 패턴 프리셋 제공 실제 악기 소리 — 피아노·드럼·베이스·스트링 샘플로 재생, 악기별 볼륨/뮤트/솔로 믹서 전조·메트로놈·반복재생 — 키를 바꿔도 구조는 유지, 연습용 메트로놈과 한 번만/반복 재생 전환 AI 질문 가이드 — 지금 단계에 맞는 질문을 복사해 Gemini·ChatGPT에게 바로 물어볼 수 있어요 MIDI 내보내기 · 저장/공유 — 악기별 트랙이 분리된 MIDI로 개러지밴드에서 열기, JSON 저장과 URL 공유 링크 지원 레슨 5개 — 음악의 3요소부터 앱 사용법까지, 예제를 "▶ 듣기"로 바로 재생하며 배우는 워크북 구성 사용 방법 조성·장르를 고르고 곡을 만들거나, 좋아하는 노래의 코드를 "코드 입력" 탭으로 가져옵니다. 코러스부터 코드와 패턴을 다듬고, 벌스·인트로를 이어서 손보며 필요하면 AI에게 질문해 아이디어를 얻습니다. MIDI로 내보내거나 링크로 공유한 뒤 개러지밴드에서 악기를 바꿔 마무리합니다. 참고 소리는 브라우저에서 재생되므로 처음에는 샘플 로딩 시간이 조금 걸릴 수 있어요. 완성곡이 아니라 곡의 뼈대(코드·리듬) 를 만드는 도구입니다. 멜로디 작곡 기능은 없어요. "코드 입력" 탭의 Chordify·Klang 연계는 외부 사이트로 이동해 코드를 직접 확인 후 입력하는 방식이에요.
다양한 태그와 카테고리로 필터링해보세요
교육
교육
교육
교육
교육
유틸
교육
교육
게임
게임
유틸
유틸
유틸
교육
교육
유틸
게임
교육
유틸
교육
콘텐츠 생성
게임
교육
유틸