럭키스팟

실전에서 쓰는 AI 도구

로그인

TOOL FIELD GUIDE

도구 이름보다, 지금 만들 것에 맞는 시작 순서

설치 없는 데모부터 로컬 AI·코딩 에이전트·자동화까지. 실제 도구 이름, 첫 실행, 막히는 지점, 비용이 생기는 순간을 함께 봅니다.
추천 시작 루트비용 먼저 점검

무엇을 해보려나요?

목적을 하나 고르면 설치·프롬프트·주의점이 있는 시작 루트로 이동합니다.

용도별 시작 루트

47개 도구 목록은 아래에 그대로 두고, 먼저 목적에 맞는 루트 하나만 골라 켜 보세요. GitHub는 코드·빌드, Hugging Face는 브라우저 데모·라이선스 확인용입니다.

  • 결과물 미리보기

    로컬 AI 채팅

    이 문장 3줄로 요약해 줘

    1) 핵심 한 줄 · 2) 왜 중요한지 · 3) 다음 행동

    메시지 입력…로컬

    이걸 만들면 PC 안에서 질문·답변이 이어지는 채팅창이 생깁니다.

    실행 루트

    로컬 AI 시작 — Ollama · Open WebUI · LM Studio

    구독 없이 내 PC에서 ChatGPT 비슷한 채팅을 먼저 켜 봅니다.

    무료·저렴 도구

    Ollama · Open WebUI · LM Studio(선택)

    Windows 첫 시작 순서

    1. ollama.com에서 Windows 설치 → 터미널에서 ollama pull qwen2.5:3b (가벼운 모델)
    2. Docker Desktop 설치·실행 후 Open WebUI 컨테이너 실행
    3. 브라우저 localhost에서 새 채팅 → 질문 3개로 속도·품질 확인
    4. 막히면 LM Studio로 모델 로드만 먼저 테스트

    Mac: Mac은 Ollama 앱 설치 후 동일하게 pull → Open WebUI Docker 또는 LM Studio

    AI 에이전트에게 붙여넣을 프롬프트
    Windows에서 Ollama + Open WebUI를 처음 켜려고 합니다. RAM [   ]GB, GPU [있음/없음]. 설치 명령·모델 추천·Docker 확인·막혔을 때 로그 위치를 순서대로 알려주세요.

    사람이 직접 확인

    • · Docker Desktop이 실행 중인지
    • · 모델 다운로드 용량(수 GB)이 디스크에 있는지
    • · 고객·회사 데이터를 로컬에 넣어도 되는지

    막히는 지점

    • · Docker 미실행
    • · VRAM/RAM 부족
    • · 모델 목록이 비어 있음

    비용: 소프트웨어 무료. 전기·하드웨어 한도·큰 모델은 느림.

    보안·약관: 로컬 서버를 외부에 포트 포워딩하지 마세요.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)

  • 결과물 미리보기

    ComfyUI 워크플로

    이걸 만들면 노드를 이어 Queue로 이미지를 뽑는 화면이 됩니다.

    실행 루트

    브라우저 데모 — Hugging Face Spaces

    설치 없이 이미지·음성·챗봇 데모를 Run 버튼으로 바로 눌러 봅니다.

    무료·저렴 도구

    Hugging Face Spaces · 브라우저

    Windows 첫 시작 순서

    1. huggingface.co/spaces → 검색: stable diffusion / whisper / chatbot
    2. Run this Space → 입력 한 줄 → 결과 확인
    3. README에서 License·Hardware(GPU)·Duplicate 조건 읽기
    4. 쓸 만하면 링크 저장 → 로컬(Ollama) 또는 API로 옮길지 결정
    AI 에이전트에게 붙여넣을 프롬프트
    Hugging Face Spaces에서 [이미지/음성/챗봇] 데모를 고르려 합니다. 무료 실행 가능 여부·GPU 대기·라이선스·상업 이용 주의·로컬 대안을 체크리스트로 정리해 주세요.

    사람이 직접 확인

    • · 라이선스가 상업 이용 허용인지
    • · GPU Space인지(CPU만인지)
    • · 업로드한 파일이 공개 데모에 남을 수 있는지

    막히는 지점

    • · 대기열 길음
    • · Space sleep
    • · 라이선스 애매

    비용: 많은 Space는 무료 CPU. GPU·Inference API는 크레딧·과금 가능.

    보안·약관: 민감 문서·고객 데이터는 공개 Space에 넣지 마세요.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)

  • 결과물 미리보기

    ComfyUI 워크플로

    이걸 만들면 노드를 이어 Queue로 이미지를 뽑는 화면이 됩니다.

    실행 루트

    이미지·영상 실험 — ComfyUI · Stability · Runway · Replicate

    텍스트→이미지·짧은 영상을 작은 해상도로 먼저 테스트합니다.

    무료·저렴 도구

    ComfyUI · Stability API · Runway · Replicate

    Windows 첫 시작 순서

    1. ComfyUI 로컬 설치 또는 HF Space로 512px 1장 생성
    2. 클라우드는 Replicate/Stability에서 작은 해상도·1회 호출만
    3. 영상은 Runway 무료 한도 화면에서 길이·해상도 확인 후 5초 테스트
    4. 모델 라이선스·상업 이용 조건을 카드 README에서 확인
    AI 에이전트에게 붙여넣을 프롬프트
    이미지 AI를 [로컬 ComfyUI / Replicate / Stability] 중 하나로 처음 켜려 합니다. VRAM [   ]GB, 목표 [512px 이미지 1장]. 설치·첫 Queue·비용 한도·실패 시 줄일 항목을 순서대로.

    사람이 직접 확인

    • · 체크포인트·모델 라이선스
    • · API 대시보드 spending limit
    • · 고해상도·연속 생성 금지(테스트는 1장)

    막히는 지점

    • · CUDA/OOM
    • · 검은 화면
    • · API Key 노출

    비용: 로컬=전기·VRAM. 클라우드=호출당·초당 과금. 연속 생성 금지.

    보안·약관: 서드파티 체크포인트 출처 확인. API Key는 서버 env만.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)
나머지 시작 루트 3개 보기

  • 결과물 미리보기

    웹게임 화면
    SCORE 1280LIFES ●●●
    SPACE 눌러 점프

    이걸 만들면 점수·버튼·게임오버가 한 화면에 붙습니다.

    실행 루트

    코딩 에이전트 — Cursor · Continue · Vercel AI SDK

    코드를 모르는 사람도 에이전트에 일을 시키고 결과 화면만 확인합니다.

    무료·저렴 도구

    Cursor · Continue(VS Code) · Vercel AI SDK · GitHub

    Windows 첫 시작 순서

    1. Cursor 설치 → 새 프로젝트 → 목표 한 줄을 채팅에 붙여넣기
    2. 터미널 명령은 에이전트 제안을 복사 전에 읽기
    3. Vercel AI SDK는 npx create-next-app 후 작은 /api/chat route만
    4. 배포 전 .env.local에 API Key·gitignore 확인
    AI 에이전트에게 붙여넣을 프롬프트
    Cursor로 [랜딩 페이지/채팅 UI/폼]을 만들려 합니다. 스택: Next.js. 파일 구조·첫 프롬프트·npm run dev 확인·막히면 볼 에러 로그를 단계별로.

    사람이 직접 확인

    • · API Key가 .env.local에만 있는지
    • · npm install 출처 신뢰
    • · 배포 URL·환경 변수 Vercel에 등록했는지

    막히는 지점

    • · 의존성 충돌
    • · 환경 변수 누락
    • · 로컬만 되고 배포 실패

    비용: Cursor 구독·LLM API 호출 별도. SDK는 호출량만큼 과금.

    보안·약관: client secret·API Key를 브라우저 번들에 넣지 마세요.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)

  • 결과물 미리보기

    로그인·콜백 흐름

    내 사이트

    → 콜백 →

    로그인됨

    /dashboard

    이걸 만들면 ‘구글로 로그인 → 내 사이트 복귀’ 화면이 연결됩니다.

    실행 루트

    자동화 — n8n · Flowise · MCP

    반복 작업을 노드·에이전트·MCP 도구로 연결합니다. 크론은 마지막에.

    무료·저렴 도구

    n8n · Flowise · MCP servers · GitHub modelcontextprotocol/servers

    Windows 첫 시작 순서

    1. n8n Docker 또는 Flowise 로컬 실행
    2. 트리거 1개 + 액션 1개만 연결(예: 스케줄 → HTTP)
    3. MCP는 Cursor에 server 하나만 등록해 list_tools 확인
    4. 자동 실행·크론은 수동 1회 성공 후에 켜기
    AI 에이전트에게 붙여넣을 프롬프트
    n8n(또는 Flowise)으로 [이메일 알림/시트 복사/API 호출] 자동화를 만들려 합니다. 노드 구성·테스트 데이터·실패 시 알림·비용 나는 API 호출 지점을 설계해 주세요.

    사람이 직접 확인

    • · 워크플로에 API Key 하드코딩 없는지
    • · 크론 주기·재시도 횟수
    • · MCP 서버 출처·권한 범위

    막히는 지점

    • · OAuth 연동
    • · 무한 재시도
    • · MCP 빨간 노드

    비용: 셀프호스트 n8n 무료. 클라우드 n8n·외부 API 호출은 과금.

    보안·약관: 워크플로 export에 secret 포함 여부 확인.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)

  • 결과물 미리보기

    DB 연결 상태
    DATABASE_URL연결됨
    tablerowsstatus
    users128ok
    orders42ok

    이걸 만들면 연결 성공/실패·테이블이 한눈에 보이는 점검 화면이 됩니다.

    실행 루트

    API 저비용 테스트 — DeepSeek · Gemini · OpenAI · Anthropic

    저가 API로 문장 3개만 보내 보고, 한도·속도·품질을 비교합니다.

    무료·저렴 도구

    DeepSeek API · Google Gemini API · OpenAI API · Anthropic API

    Windows 첫 시작 순서

    1. 한 제공자만 골라 API Key 발급 → 대시보드 spending limit 설정
    2. .env.local에 키 저장 → 서버 route에서 max_tokens 200·1회 호출
    3. 동일 프롬프트 3개를 mock JSON과 비교
    4. 다른 제공자는 무료 tier 화면만 읽고 나중에 전환
    AI 에이전트에게 붙여넣을 프롬프트
    DeepSeek(또는 Gemini) API로 Next.js App Router에 /api/chat-test route를 만듭니다. .env 이름·fetch 예시·max_tokens·timeout·401 처리·비용 알림 체크리스트.

    사람이 직접 확인

    • · API Key Git 미노출
    • · 대시보드 사용량 알림 ON
    • · 무료 크레딧 종료 후 과금 조건

    막히는 지점

    • · 401
    • · 브라우저에 키 노출
    • · 반복 호출로 한도 초과

    비용: 무료≠무제한. 토큰·이미지·도구 호출마다 단가 다름.

    보안·약관: 키 rotate·IP 제한·서버 전용 route만 호출.

    만든 뒤 AI 검색 구조 점검 (/ai/geo)
GitHub와 Hugging Face, 어디서 무엇을 봐야 하나요?

GitHub와 Hugging Face는 뭐가 다른가

둘 다 AI 도구를 찾지만, 하는 일이 다릅니다. 초보자는 데모부터, 설치는 마지막에.

GitHub

코드를 내려받아 실행하는 곳

  • README·Install로 직접 설치합니다
  • 이슈·릴리즈로 버전을 확인합니다
  • 로컬·서버에 올려 내 화면을 만듭니다

Hugging Face

모델과 데모를 먼저 눌러보는 곳

  • Spaces에서 Run으로 바로 체험합니다
  • Models에서 License·GPU를 먼저 봅니다
  • 쓸 만하면 로컬·API로 옮길지 결정합니다

  1. 1. HF Spaces에서 데모를 먼저 눌러본다

    설치 없이 결과 화면만 확인합니다.

  2. 2. 마음에 들면 GitHub repo·Docs를 본다

    Install·Requirements·License 위치를 찾습니다.

  3. 3. 로컬 설치는 마지막에 한다

    Docker·VRAM·디스크를 감당할 때만 설치합니다.

브라우저에서 먼저 눌러보는 모델·Spaces

GitHub가 코드·설치라면, Hugging Face는 데모·모델·라이선스·GPU를 먼저 확인하는 곳입니다. 순위·별 개수로 고르지 말고, Run 1회와 License부터.

  • Hugging Face

    Spaces — 브라우저 데모

    데모Run

    이건 무엇인가

    모델·앱을 웹에서 바로 실행해 보는 공개 데모 페이지입니다. 설치 전에 결과 화면을 봅니다.

    바로 눌러볼 것

    huggingface.co/spaces → 관심 키워드 검색 → Run this Space → 작은 입력 1회

    비용·주의

    CPU Space는 대개 무료지만 느릴 수 있습니다. GPU·Inference는 크레딧·과금 조건을 먼저 적으세요.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    대기열이 길거나 Sleep 상태면 GPU Space일 수 있습니다. Duplicate·크레딧 안내가 보이면 결제 전 멈춥니다.

    라이선스 확인 위치

    Space README · 연결된 Model card의 License 섹션

    AI에게 물어볼 프롬프트

    Hugging Face Spaces에서 [이미지/음성/챗봇] 데모를 고르려 합니다. 무료 Run 가능 여부, GPU 대기, License 위치, 로컬(Ollama/ComfyUI) 대안 체크리스트를 만들어 주세요.
    Hugging Face Spaces

  • Hugging Face

    Models — 모델 카드

    모델License

    이건 무엇인가

    모델 이름·용도·파라미터·라이선스가 정리된 카드입니다. 코드를 돌리기 전에 읽습니다.

    바로 눌러볼 것

    huggingface.co/models → 필터로 용도 고르기 → 모델 카드 열기 → License·README 스크롤

    비용·주의

    상업 이용·파인튜닝 허용은 라이선스마다 다릅니다. 단정하지 말고 카드 문구를 직접 적으세요.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    Inference API·Endpoint·전용 GPU를 켜는 순간부터 호출 과금이 날 수 있습니다.

    라이선스 확인 위치

    모델 카드 License 탭 · Model card README 상단

    AI에게 물어볼 프롬프트

    Hugging Face 모델 카드 [모델명]을 초보자가 읽게 도와주세요. License에서 볼 항목, Inference 과금 여부, 로컬 실행 대안을 체크리스트로.
    Hugging Face Models

  • Hugging Face

    Datasets — 학습·평가 데이터

    데이터카드

    이건 무엇인가

    공개 데이터셋 목록입니다. 파인튜닝·평가 전에 크기·라이선스·개인정보 여부를 봅니다.

    바로 눌러볼 것

    huggingface.co/datasets → 키워드 검색 → Dataset card → Preview 몇 행만 보기

    비용·주의

    개인정보·저작권이 섞인 데이터가 있을 수 있습니다. 상업 이용 전 카드 조건을 확인하세요.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    대용량 다운로드·클라우드 학습을 돌리면 스토리지·GPU 비용이 붙을 수 있습니다.

    라이선스 확인 위치

    Dataset card의 License · 사용 조건 섹션

    AI에게 물어볼 프롬프트

    Hugging Face Dataset [이름]을 쓰려 합니다. License·개인정보·다운로드 크기·작은 샘플로 먼저 볼 방법을 정리해 주세요.
    Hugging Face Datasets

  • Hugging Face

    Whisper — 음성→텍스트 데모

    음성STT

    이건 무엇인가

    짧은 음성을 텍스트로 바꾸는 데모를 Spaces에서 눌러볼 수 있습니다.

    바로 눌러볼 것

    Spaces 검색 whisper → Run → 30초 이하 음성 업로드 → 결과 문장 확인

    비용·주의

    테스트는 짧은 클립만. 민감 음성은 공개 데모에 올리지 마세요.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    긴 파일·실시간 변환은 GPU 대기·크레딧이 필요할 수 있습니다.

    라이선스 확인 위치

    사용한 Space README · Whisper 모델 카드 License

    AI에게 물어볼 프롬프트

    Whisper Space로 음성→텍스트를 시험하려 합니다. 30초 테스트 순서, GPU 주의, 로컬 whisper.cpp/Ollama 대안을 알려주세요.
    Whisper Spaces 검색

  • Hugging Face

    이미지 모델 — SD 등 데모

    이미지생성

    이건 무엇인가

    텍스트로 이미지를 만드는 웹 데모입니다. ComfyUI 설치 전에 프롬프트 감각을 봅니다.

    바로 눌러볼 것

    Spaces 검색 stable diffusion 또는 text-to-image → 프롬프트 1줄 → 512px 생성 1회

    비용·주의

    상업 이용·유사 인물 생성은 약관·라이선스·현지법을 각각 확인하세요. 단정하지 않습니다.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    고해상도·연속 생성·전용 GPU Space는 대기열·과금이 붙을 수 있습니다.

    라이선스 확인 위치

    Space가 가리키는 체크포인트/모델 카드의 License

    AI에게 물어볼 프롬프트

    이미지 생성 Space를 1회만 시험하려 합니다. 512px 설정, License 볼 위치, ComfyUI로 옮길 때 체크리스트를 주세요.
    이미지 Spaces 검색

  • Hugging Face

    로컬 실행 전 확인할 것

    로컬체크

    이건 무엇인가

    데모가 마음에 든 뒤, GitHub·Ollama·ComfyUI로 옮기기 전에 보는 체크 목록입니다.

    바로 눌러볼 것

    데모 URL 저장 → 모델명·License 메모 → RAM/VRAM/디스크 여유 확인 → 그다음 설치 문서

    비용·주의

    ‘무료 데모 = 무료 상업 이용’이 아닙니다. 라이선스·약관을 직접 적으세요.

    GPU·라이선스·프롬프트 더 보기

    로그인·결제·GPU가 필요한 순간

    로컬도 전기·디스크·큰 모델 VRAM이 필요합니다. 클라우드 GPU는 별도 과금입니다.

    라이선스 확인 위치

    모델 카드 License + GitHub LICENSE 파일(둘 다 위치만 확인)

    AI에게 물어볼 프롬프트

    HF Space [URL]을 로컬로 옮기려 합니다. Windows, RAM [   ]GB. License·모델 파일·Ollama/ComfyUI 중 어디가 맞는지 결정 트리를 만들어 주세요.
    Hugging Face Docs

코드를 내려받아 실행하는 대표 6개

Hugging Face에서 데모를 본 뒤, 설치할 때만 여기로 오세요. star·순위로 고르지 말고 README Install부터.

  • GitHub 오픈소스

    Ollama

    로컬LLM

    이걸로 만들 수 있는 것

    내 PC에서 LLM을 받아 터미널·API로 대화하는 로컬 런타임

    Windows 첫 실행 순서

    1. ollama.com에서 Windows 설치
    2. ollama pull qwen2.5:3b (가벼운 모델)
    3. ollama run qwen2.5:3b 로 3턴 대화
    4. 디스크·RAM 여유 확인 후 다음 UI 연결

    막히는 지점

    • · 모델 다운로드 느림
    • · VRAM 부족
    • · 방화벽이 API 포트 차단

    비용/보안 주의

    소프트웨어는 무료. 전기·디스크. 회사 데이터를 로컬에 넣어도 되는지 확인.

    AI에게 붙여넣을 프롬프트

    Windows에 Ollama를 처음 설치합니다. RAM [   ]GB, GPU [있음/없음]. 가벼운 모델·pull/run·실패 로그 위치를 순서대로.
    ollama/ollama

  • GitHub 오픈소스

    Open WebUI

    채팅 UIDocker

    이걸로 만들 수 있는 것

    Ollama 위에 ChatGPT 비슷한 브라우저 채팅 화면

    Windows 첫 실행 순서

    1. Docker Desktop 실행 확인
    2. Open WebUI 컨테이너 실행(공식 README 명령)
    3. localhost로 브라우저 접속
    4. 모델 목록에서 Ollama 모델 선택 → 채팅 3턴

    막히는 지점

    • · connection refused
    • · 모델 목록 비어 있음
    • · 포트 충돌

    비용/보안 주의

    소프트웨어 무료. Docker 이미지 용량·외부 포트 노출 금지.

    AI에게 붙여넣을 프롬프트

    Ollama는 됩니다. Open WebUI를 Windows Docker로 연결합니다. 실행 명령·모델 안 보일 때·connection refused 해결 순서.
    open-webui/open-webui

  • GitHub 오픈소스

    ComfyUI

    이미지노드

    이걸로 만들 수 있는 것

    노드 캔버스로 이미지 생성 워크플로(txt2img 등)

    Windows 첫 실행 순서

    1. ComfyUI 설치·python main.py (README 경로)
    2. 체크포인트를 models/checkpoints에 배치
    3. 기본 txt2img 워크플로 Queue 1회
    4. 512px부터, OOM이면 해상도 낮추기

    막히는 지점

    • · 빨간 노드
    • · 검은 화면
    • · OOM / CUDA

    비용/보안 주의

    로컬=전기·VRAM. 체크포인트 라이선스는 모델 카드에서 따로 확인(단정 금지).

    AI에게 붙여넣을 프롬프트

    ComfyUI txt2img 첫 성공까지. Windows, VRAM [   ]GB. 설치·체크포인트 경로·OOM 시 해상도.
    ComfyUI

  • GitHub 오픈소스

    Flowise

    플로우챗봇

    이걸로 만들 수 있는 것

    드래그앤드롭으로 LLM 체인·챗봇 흐름을 조립하는 빌더

    Windows 첫 실행 순서

    1. Node.js LTS 설치
    2. README의 npx/docker 실행 명령 1개
    3. 브라우저 UI에서 빈 플로우 생성
    4. LLM 노드 1개 + 채팅 미리보기 1회

    막히는 지점

    • · API Key 미입력
    • · 노드 연결 오류
    • · env 누락

    비용/보안 주의

    UI는 오픈소스. 연결한 LLM API는 토큰 과금. Key는 .env에만.

    AI에게 붙여넣을 프롬프트

    Flowise로 초보용 챗봇 플로우 1개를 Windows에서 켭니다. 실행 명령·필수 env·API Key 위치·막히는 지점.
    FlowiseAI/Flowise

  • GitHub 오픈소스

    n8n

    자동화웹훅

    이걸로 만들 수 있는 것

    웹훅·스케줄·API를 이어 붙이는 자동화 워크플로

    Windows 첫 실행 순서

    1. Docker 또는 npm으로 n8n 실행(README)
    2. 브라우저에서 빈 워크플로 생성
    3. Manual Trigger → HTTP Request 1개만 연결
    4. Execute 1회 성공 후 스케줄은 나중에

    막히는 지점

    • · 웹훅 URL
    • · 인증 헤더
    • · 크론이 너무 자주 돎

    비용/보안 주의

    셀프호스트는 인프라 비용. 클라우드 플랜은 별도. 시크릿·고객 데이터 로그 주의.

    AI에게 붙여넣을 프롬프트

    n8n으로 Windows에서 Manual Trigger → HTTP 1회만 성공시키고 싶습니다. 실행 방법·시크릿 위치·스케줄은 끄고 시작하는 순서.
    n8n-io/n8n

  • GitHub 오픈소스

    Vercel AI SDK

    Next.js스트리밍

    이걸로 만들 수 있는 것

    Next.js에 스트리밍 채팅 UI·서버 route를 붙이는 SDK

    Windows 첫 실행 순서

    1. Next.js 앱에 ai 패키지 설치(README)
    2. .env.local에 API Key(서버만)
    3. useChat 또는 streamText 예제 1개 복사
    4. 로컬에서 스트리밍 응답 1회 확인

    막히는 지점

    • · Key가 클라이언트에 노출
    • · stream 끊김
    • · provider 설정 오류

    비용/보안 주의

    SDK는 라이브러리. 실제 비용은 연결한 LLM API. Key·한도·재시도부터.

    AI에게 붙여넣을 프롬프트

    Next.js App Router + Vercel AI SDK로 작은 채팅 1개를 만듭니다. 서버-only Key, stream, max tokens, 401 처리.
    vercel/ai

실전 도구 — 실행 카드

에이전트에 먼저 시킬 일·사람이 확인할 외부 설정·막히는 지점이 포함됩니다.

  • 쉬움편집 해석프롬프트

    AI 에디터로 작은 앱 뼈대 만들기

    빈 폴더를 열고 채팅으로 버튼·텍스트·함수 하나씩 고쳐 30분 안에 동작하는 미니 앱을 만듭니다.

    AI에게 먼저 이렇게 시킵니다

    버튼·카운트 등 최소 UI 코드 3파일 이하

    ↓ 상세에서 프롬프트를 먼저 붙여넣고, 사람은 외부 설정만 확인하세요

    이걸 만들면

    빈 폴더를 열고 채팅으로 버튼·텍스트·함수 하나씩 고쳐 30분 안에 동작하는 미니 앱을 만듭니다.

    이런 화면·결과가 생깁니다

    기존 Next.js 또는 HTML 폴더를 에디터에 열고, 채팅으로 컴포넌트·스타일·이벤트 핸들러를 한 줄씩 수정해 작은 프로토타입을 완성하는 흐름

    사람이 직접 확인할 것은 이것입니다

    빈 폴더를 Cursor에서 열기

    필요 도구

    바이브코딩 · 에디터 · 프로토타입

    초보자는 여기서 막힙니다

    • · 터미널·폴더 경로를 모른 채 큰 앱을 한 번에 요청
    • · 에러 메시지 없이 '안 돼요'만 반복 질문
    • · node_modules 없이 실행 시도

    럭키스팟 판단

    첫 목표는 '배포'가 아니라 로컬에서 버튼 하나가 반응하는 것입니다. 50줄 이하로 끝내세요.

    요금·API·이용 한도·라이선스는 제공자 pricing·약관에서 숫자를 적어 두고 결제·배포하세요.

    전체 실행 흐름 →공식 페이지 열기
  • 보통편집 해석프롬프트

    MCP로 에이전트에 파일·검색 도구 붙이기

    mcp.json에 filesystem 서버 하나를 등록하면 에이전트가 내 프로젝트 파일을 읽는 도구를 씁니다.

    AI에게 먼저 이렇게 시킵니다

    MCP가 뭔지 한 줄 + 왜 쓰는지 설명

    ↓ 상세에서 프롬프트를 먼저 붙여넣고, 사람은 외부 설정만 확인하세요

    이걸 만들면

    mcp.json에 filesystem 서버 하나를 등록하면 에이전트가 내 프로젝트 파일을 읽는 도구를 씁니다.

    이런 화면·결과가 생깁니다

    MCP 클라이언트(Cursor 등) + filesystem MCP 서버 — 'package.json 읽어줘' 요청 시 실제 파일 내용 반환

    사람이 직접 확인할 것은 이것입니다

    에이전트 클라이언트 MCP 설정 열기

    필요 도구

    MCP · 에이전트 · 도구연동

    초보자는 여기서 막힙니다

    • · mcp.json JSON 문법·경로 오타
    • · 전체 디스크를 allowed에 넣음
    • · Node/npx 경로 문제

    럭키스팟 판단

    filesystem 하나만 성공해도 '에이전트 자동화' 감이 옵니다. 브라우저·쉘 MCP는 나중에.

    요금·API·이용 한도·라이선스는 제공자 pricing·약관에서 숫자를 적어 두고 결제·배포하세요.

    공식 페이지 열기

바이브코딩 따라하기만들기 사례비용 아끼기

전체 도구 46개 펼쳐 보기

목적별 도구 모음

목적·난이도·공식 페이지 기준으로 지금 46개 도구를 목적별로 모아 두었습니다. 순위·가격 숫자는 넣지 않습니다.

GitHub AI 오픈소스

GitHub에서 고른 오픈소스 AI 도구·라이브러리입니다. star·순위는 표시하지 않습니다.

언제 쓰는가

‘유료 도구를 결제하기 전에’ 오픈소스로 1차 프로토타입을 만들 때.

초보자 먼저 해볼 것

README의 Quickstart만 따라 1회 실행(설치→첫 결과)을 먼저 성공시키세요.

막히는 지점

  • · Node/Python 버전 불일치로 설치가 깨짐
  • · GPU/VRAM 요구사항을 모르고 시작
막히면 AI에게 다시 붙여넣기
이 GitHub 도구를 초보자가 30분 안에 1회 실행하려고 한다.
내 OS: [   ], 설치 방식: [pip/npm/docker], 에러: [붙여넣기].
1) README에서 딱 1개 경로만 골라 최소 실행
2) 버전/의존성 충돌을 피하는 순서
3) 성공 여부 체크 포인트(출력/로그)

  • Ollama

    로컬에서 오픈소스 LLM을 실행하는 도구입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Hugging Face Transformers

    트랜스포머 모델을 다루는 공식 오픈소스 라이브러리입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Open WebUI

    로컬 LLM을 브라우저 UI로 쓸 수 있는 오픈소스 프로젝트입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • llama.cpp

    로컬 CPU/GPU에서 LLM 추론을 돌리는 C++ 오픈소스 프로젝트입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • LangChain

    LLM 애플리케이션을 조립하는 오픈소스 프레임워크입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • LlamaIndex

    RAG·데이터 연동에 초점을 둔 LLM 오케스트레이션 라이브러리입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Microsoft AutoGen

    멀티 에이전트 협업을 위한 오픈소스 프레임워크입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Continue

    IDE에서 로컬·클라우드 모델을 쓰는 오픈소스 코딩 어시스턴트입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • LiteLLM

    여러 LLM API를 통합 호출하는 오픈소스 어댑터입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Gradio

    Python으로 AI 데모 UI를 빠르게 만드는 오픈소스 라이브러리입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • ComfyUI

    노드 기반 이미지 생성 워크플로를 돌리는 오픈소스 UI입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Flowise

    드래그앤드롭으로 LLM 흐름을 만드는 오픈소스 빌더입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Vercel AI SDK

    웹앱에 스트리밍 AI 채팅을 붙이는 오픈소스 SDK입니다.

    MCP/개발자 도구초보자 보통
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

공식 AI 도구·문서 업데이트

공식 docs·changelog·블로그에서 확인한 제품·문서 업데이트입니다.

언제 쓰는가

기능이 바뀌어 ‘어제 되던 것이 오늘 깨질 때’ 원인 후보를 빠르게 찾을 때.

초보자 먼저 해볼 것

변경 이력에서 내 기능과 관련된 1줄만 골라, 내 프로젝트에 영향이 있는지 체크리스트로 바꾸세요.

막히는 지점

  • · 릴리즈 노트를 읽었지만 내 코드 영향 범위를 못 잡음
  • · 버전 업 후 런타임/빌드가 다르게 깨짐
막히면 AI에게 다시 붙여넣기
아래 공식 업데이트를 내 프로젝트 관점으로 번역해 줘.
프로젝트: [Next.js/React/…], 현재 버전: [   ], 목표 기능: [   ].
1) 영향 있는 변화 3개 후보
2) 확인할 파일/설정/콘솔 경로
3) 롤백/핀 고정/대체 방법(가능하면)

  • Cursor Docs

    Cursor 에디터를 처음 켜고 쓰는 공식 시작 안내입니다.

    해설 글
    코딩 AI초보자 쉬움
    직접 확인 권장공식 출처

    유료 여부 확인 필요

    공식 페이지 열기

  • Cursor Changelog

    Cursor 에디터 공식 변경 이력 페이지입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • OpenAI Platform Docs

    OpenAI API 공식 가이드 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • OpenAI Blog

    OpenAI 공식 블로그 릴리즈·기능 소식입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Anthropic Docs

    Claude API 공식 문서입니다.

    해설 글
    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Google Gemini API Docs

    Gemini API 공식 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Vercel Changelog

    Vercel 플랫폼 변경 이력 공식 페이지입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • GitHub Copilot Docs

    GitHub Copilot 공식 문서입니다.

    문서/워크플로초보자 보통
    직접 확인 권장공식 출처

    유료 여부 확인 필요

    공식 페이지 열기

  • Stability AI Platform Docs

    Stability AI 이미지 생성 API 공식 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Cohere Docs

    Cohere API 공식 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Mistral AI Docs

    Mistral 모델 API 공식 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Mistral AI News

    Mistral AI 공식 뉴스·릴리즈 페이지입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • Cloudflare Workers AI Docs

    Cloudflare Workers AI 공식 문서입니다.

    문서/워크플로초보자 보통
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Replicate Docs

    Replicate 모델 호스팅 API 공식 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • Anthropic Release Notes

    Claude API 공식 릴리즈 노트입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • VS Code Copilot Docs

    VS Code에서 Copilot을 켜고 쓰는 공식 시작 안내입니다.

    코딩 AI초보자 쉬움
    직접 확인 권장공식 출처

    유료 여부 확인 필요

    공식 페이지 열기

  • Meta AI Blog

    Meta AI 공식 블로그입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • LangChain Docs

    LangChain 공식 Python 문서입니다.

    문서/워크플로초보자 쉬움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Runway Blog

    Runway 영상·모션 AI 공식 블로그입니다.

    애니메이션 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

  • Attention Is All You Need

    Transformer 아키텍처 논문 arXiv 페이지입니다.

    코딩 AI초보자 어려움
    직접 확인 권장공식 출처

    개발 환경 설정

    공식 페이지 열기

  • OpenAI Playground

    OpenAI 공식 playground 페이지입니다.

    코딩 AI초보자 쉬움
    직접 확인 권장공식 출처

    유료 여부 확인 필요

    공식 페이지 열기

  • Hugging Face Spaces

    커뮤니티가 올린 AI 데모·앱 갤러리 공식 페이지입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처
    공식 페이지 열기

MCP / 에이전트 / 자동화 도구

MCP·에이전트·워크플로 자동화에 쓰는 공식 문서와 오픈소스입니다.

언제 쓰는가

‘반복 작업’을 사람이 클릭하지 않고, 에이전트/워크플로로 묶어 자동화하고 싶을 때.

초보자 먼저 해볼 것

첫 목표는 ‘툴 하나 연결’입니다. MCP 서버 1개 연결 → 간단 호출 1회 성공부터.

막히는 지점

  • · 권한/토큰/스코프 설정에서 막힘
  • · 로컬에서는 되는데 배포/크론에서 깨짐
막히면 AI에게 다시 붙여넣기
MCP/에이전트 도구 연결이 안 된다.
환경: [로컬/배포], 증상: [인증 실패/timeout/권한], 로그: [붙여넣기].
1) 가장 흔한 원인 3개
2) 콘솔/설정에서 확인할 경로
3) 최소 재현(hello-world)로 줄이는 방법

  • MCP Servers

    Model Context Protocol 참고 서버 모음입니다.

    MCP/개발자 도구초보자 보통
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • Model Context Protocol Docs

    MCP 공식 문서입니다.

    MCP/개발자 도구초보자 쉬움
    직접 확인 권장공식 출처

    개발 환경 설정

    공식 페이지 열기

  • MCP TypeScript SDK

    MCP 서버·클라이언트용 공식 TypeScript SDK입니다.

    MCP/개발자 도구초보자 보통
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • LangGraph

    상태 기반 에이전트 워크플로우 오픈소스 라이브러리입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • n8n Docs

    n8n 워크플로우 자동화 공식 문서입니다.

    자동화/에이전트초보자 쉬움
    직접 확인 권장공식 출처

    요금 페이지 확인 필요

    공식 페이지 열기

  • MCP Python SDK

    MCP 서버·클라이언트용 공식 Python SDK입니다.

    MCP/개발자 도구초보자 보통
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

로컬 AI / 개발자 도구

로컬 설치·개발 환경이 필요할 수 있는 도구입니다. PC 사양·라이선스를 먼저 확인하세요.

언제 쓰는가

클라우드 구독 없이 로컬에서 모델/도구를 돌려 비용을 통제하고 싶을 때.

초보자 먼저 해볼 것

가장 작은 모델로 1회 성공 후에만 해상도·모델 크기를 키우세요.

막히는 지점

  • · VRAM/RAM 부족으로 실행이 느리거나 실패
  • · 방화벽/포트 충돌로 UI가 안 열림
막히면 AI에게 다시 붙여넣기
로컬 AI 도구가 실행은 되는데 [너무 느림/화면 안 뜸/메모리 에러].
PC: [CPU/GPU/VRAM], OS: [   ], 로그: [붙여넣기].
1) 성공 가능한 최소 설정(모델/해상도/옵션)
2) 포트/방화벽/드라이버 점검 순서
3) 유료 전환 대신 가능한 대안

  • Ollama Docs

    Ollama 로컬 LLM 공식 문서입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    오픈소스·라이선스 확인 필요

    공식 페이지 열기

  • LM Studio Docs

    로컬에서 LLM을 실행·관리하는 LM Studio 공식 문서입니다.

    로컬 AI/오픈소스초보자 어려움
    직접 확인 권장공식 출처

    무료 한도 확인 필요

    공식 페이지 열기

비용절약·초보자 가이드

결제 전 비용 체크와 바이브코딩으로 바로 써먹을 짧은 흐름입니다.

언제 쓰는가

도구를 고르기 전에 ‘무료로 검증→필요할 때만 결제’ 흐름을 잡고 싶을 때.

초보자 먼저 해볼 것

무료 한도·체험판으로 1차 테스트 → 실패/비용 폭주 포인트를 먼저 기록하세요.

막히는 지점

  • · 무료인 줄 알고 시작했다가 결제/크레딧을 켬
  • · 계정 공유/키 공유로 보안 사고가 남
막히면 AI에게 다시 붙여넣기
AI 도구를 고르기 전에 비용/보안을 점검하고 싶다.
내 목적: [텍스트/이미지/영상/코딩], 예산: [무료/월 ___], 팀: [혼자/공유].
1) 무료로 먼저 해볼 순서 3단계
2) 결제 전에 확인할 체크리스트 5개
3) 하면 안 되는 절약(계정/키 공유 등)

  • 반복 업무 체크리스트 만들기

    바이브코딩으로 작은 체크리스트 앱 화면을 만들어 보는 사례입니다.

    바이브코딩 사례초보자 쉬움
    직접 확인 권장공식 출처

    무료 한도 확인 필요

    공식 페이지 열기

  • AI 도구 허브 화면

    목적별로 AI 도구를 골라 보는 허브 화면을 만드는 흐름입니다.

    코딩 AI초보자 보통
    직접 확인 권장공식 출처

    무료 한도 확인 필요

    공식 페이지 열기

  • 무료 플랜 먼저 확인하기

    결제 전에 무료 한도·요금 페이지를 확인하는 체크리스트입니다.

    해설 글
    비용 절약초보자 쉬움
    직접 확인 권장공식 출처

    무료 한도 확인 필요

    공식 페이지 열기

안내

이 목록은 초보자가 실제로 쓰기 쉽도록 다시 쓴 것입니다. star·순위·가격 숫자는 표시하지 않으며, 결제·배포 전에는 해당 공식 페이지에서 조건을 직접 확인하세요.