프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
코딩 · 개발 · 공통
라이브 방송 AI 광고 삽입 웹 개발
실시간 방송 내 AI 가상 광고 삽입 시스템의 해커톤용 풀스택 웹 코드를 빠르게 개발할 때 유용합니다.
기법 · 역할 부여 · 맥락 제공 · 페르소나 지정
코딩 · 개발 · 공통
시니어 QA 품질 검증기
작성한 코드나 시스템 구조가 과잉 엔지니어링 없이 간결하고 유지보수하기 쉬운지 검증합니다.
기법 · 역할 부여 · 원칙 제시 · 자기 검토
코딩 · 개발 · 공통
React/Next.js 개발 규칙
React 및 Next.js 프로젝트 개발 시 AI 코딩 에이전트의 공통 개발 규칙과 컨벤션으로 활용합니다.
기법 · 가이드라인 제시 · 규칙 정의
코딩 · 개발 · 공통
자동 파일명 변경 포털 개발
구글 앱스 스크립트 기반 문서 파일명 대량 변경 웹 포털 개발 시 활용합니다.
기법 · 역할 부여 · 요구사항 명시 · 제약조건 설정
코딩 · 개발 · 공통
콜라 캔 스크롤 인터랙티브 웹
스크롤에 따라 캔이 이동하는 인터랙티브 HTML5 랜딩 페이지를 만들 때 활용하기 좋습니다.
기법 · 상세 요구사항 지정 · 인터랙션 정의
코딩 · 개발 · ChatGPT
단일 파일 이커머스 쇼핑몰 제작
이커머스 웹사이트의 프로토타입이나 프론트엔드 시연용 코드를 빠르게 제작할 때 유용합니다.
기법 · 역할 부여 · 세부 기능 정의 · 출력 형식 제약
코딩 · 개발 · 공통
항공 지수 랜딩페이지 제작
해커톤 발표나 프로젝트 데모용 데이터 분석 웹사이트의 랜딩페이지 UI 및 코드를 생성할 때.
기법 · 맥락 제공 · 상세 요소스펙 지정 · 디자인 가이드
코딩 · 개발 · 공통
AI 프론트 데스크 호텔 웹 제작
AI 프론트 데스크와 결제·메신저 연동 기능이 포함된 호텔 웹사이트를 기획하고 개발할 때 사용합니다.
기법 · 요구사항 정의 · 기능 나열
코딩 · 개발 · 공통
약국 만성질환 환자 CRM 설계
만성질환 환자 관리, 재고 및 매출 분석 기능이 포함된 약국 전용 CRM 시스템을 설계·개발할 때 사용합니다.
기법 · 역할 부여 · 상세 요구사항 명세 · 단계별 지시
코딩 · 개발 · 공통
웹사이트 인수인계 문서 작성
신규 담당자가 웹사이트의 구조와 작동 방식을 빠르게 파악할 수 있는 인수인계 문서를 작성할 때 유용합니다.
기법 · 목적 명시 · 대상 지정
코딩 · 개발 · 공통
SEO 맞춤 모션 웹 UX 개발
최신 트렌드의 3D/모션 효과와 SEO 전략이 반영된 웹/앱 인터페이스를 바이브 코딩 스타일로 개발합니다.
기법 · 역할 부여 · 단계별 확인 · 대화형 피드백
코딩 · 개발 · 공통
해커톤용 금융 보안 웹 앱 제작
해커톤이나 데모 발표를 위한 핀테크·보안 리스크 분석 웹 애플리케이션을 빠르게 개발할 때 활용합니다.
기법 · 역할 부여 · 요구사항 상세화 · 모듈별 스펙 정의
코딩 · 개발 · Claude
AI 툴 홍보용 11초 모션 영상 제작
AI 제품의 핵심 기능을 11초 분량의 고급스러운 모션 그래픽 영상 코드로 빠르게 구현하고 싶을 때 유용합니다.
기법 · 변수 정의 · 장면별 연출 · 제약 조건 설정
코딩 · 개발 · Claude
지도 스타일 제품 영상 제작
위치 기반 제품이나 서비스의 핵심 기능을 따뜻한 지도 애니메이션 형태의 11초 영상으로 제작할 때.
기법 · 출력 형식 지정 · 제약 조건 설정 · 단계별 구조화
코딩 · 개발 · 공통
임상시험 관리 플랫폼 설계 및 개발
AI 기반 프로토콜 분석과 일정 계산 기능이 포함된 임상시험 관리 웹 앱 구축에 활용합니다.
기법 · 역할 부여 · 모듈 구조 지정 · 요구사항 명세
코딩 · 개발 · 공통
웹 기반 DDQN 스네이크 게임 구현
웹 브라우저에서 동작하는 강화학습(DDQN) AI 스네이크 게임을 단일 HTML 파일로 개발하고 싶을 때.
기법 · 역할 부여 · 단계별 지시 · 제약 조건 설정
코딩 · 개발 · 공통
학사 관리 시스템 플랫폼 설계
소프트웨어 아키텍트 관점에서 사용자 역할별 권한과 핵심 기능 요구사항을 설계합니다.
기법 · 역할 부여 · 기능 요구사항 명시 · 제약조건 설정
코딩 · 개발 · ChatGPT
알고리즘 문제 해결 코치
코딩 테스트 및 알고리즘 문제의 패턴을 분석하고 20가지 엣지 케이스를 반영한 최적 코드를 작성합니다.
기법 · 역할 부여 · 단계별 사고 · 예외 케이스 점검
코딩 · 개발 · 공통
기존 웹앱 UI/UX 개선 계획 수립
기존 웹앱의 반응형 레이아웃, 성능, UI/UX 및 디자인 시스템을 체계적으로 개선할 때 유용합니다.
기법 · 역할 부여 · 세부 조건 제시 · 출력 형식 지정
코딩 · 개발 · 공통
모던 프론트엔드 웹 UI 개발
React, Vue 기반의 반응형 UI 개발, 상태 관리 및 웹 성능 최적화가 필요할 때 사용합니다.
기법 · 역할 부여 · 상세 지시 · 기술 스택 지정
코딩 · 개발 · 공통
이미지 기반 웹 디자인 재창조
레퍼런스 이미지 스타일을 참고해 기존 웹 UI/UX를 세련되게 재설계하고 싶을 때 사용합니다.
기법 · 역할 부여 · 규칙 지정 · JSON 스키마
코딩 · 개발 · 공통
기업 맞춤형 웹 템플릿 개발
다양한 기업 브랜딩에 맞춰 커스텀 가능한 프론트엔드 및 백엔드 웹 템플릿을 설계할 때 유용합니다.
기법 · 역할 부여 · 변수 활용 · 예시 제공
코딩 · 개발 · 공통
감성 랜딩페이지 바이브 코딩
브랜드 정체성에 맞춘 감각적이고 비주얼이 뛰어난 랜딩페이지를 기획하고 설계할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 변수 활용
코딩 · 개발 · Claude
코드 실행 속도 최적화 코치
기존 코드의 결과물과 기능을 보존하면서 실행 지연 시간을 줄이는 최적화 수행
기법 · 역할 부여 · 단계별 사고 · 제약 조건 설정