프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
코딩 · 개발 · 공통
데이팅 프로필 최적화 앱 제작
AI 기반 프로필 진단, 문구 재작성, 맞춤형 대화 생성 기능이 포함된 웹앱을 구현할 때 유용합니다.
기법 · 기능 요구사항 명세 · 기술 스택 지정
코딩 · 개발 · Claude
AI 감성 코칭 웹 앱 제작
개인화된 AI 코칭 및 저널링 단일 페이지 웹 애플리케이션을 빠르게 프로토타이핑할 때 활용합니다.
기법 · 상세 요구사항 정의 · 역할 부여 · 기술 스택 지정
코딩 · 개발 · 공통
3D 랜딩페이지 불씨 효과 제작
다크 판타지풍 3D 웹 랜딩 페이지에 입체적인 불씨와 연기 효과를 구현할 때 활용합니다.
기법 · 역할 부여 · 세부 기술 사양 지정
코딩 · 개발 · 공통
Three.js 3D 파티클 모핑 구현
Three.js 기반 3D 웹 인터랙션이나 화려한 애니메이션이 포함된 랜딩 페이지를 제작할 때 활용하기 좋습니다.
기법 · 역할 부여 · 기술 사양 지정 · 코드 및 개념 설명 요청
코딩 · 개발 · 공통
하이엔드 테크 웹 UI 리디자인
기존 웹사이트 기능을 유지한 채 미래지향적인 고급 테크 스타일의 UI 시안을 여러 개 기획할 때 유용합니다.
기법 · 역할 부여 · 제약 조건 설정 · 출력 형식 지정
코딩 · 개발 · 공통
3D 네온 파티클 게임 개발
Three.js와 커스텀 셰이더를 활용해 반응형 3D 인터랙티브 그래픽 게임을 제작할 때 유용합니다.
기법 · 요구사항 명시 · 코드 스니펫 제공 · 성능 조건 지정
코딩 · 개발 · 공통
3D 중력 반전 웹 게임 제작
Three.js와 Cannon.js를 활용해 중력 회전 메커니즘을 가진 3D 웹 퍼즐 게임을 프로토타이핑할 때 사용합니다.
기법 · 기술 스택 지정 · 코드 예시 제공 · 기능 세부화
코딩 · 개발 · 공통
풀스택 웹 개발 및 UI/UX 설계
풀스택 웹 애플리케이션 개발 시 최신 기술 스택 기반의 최적화된 코드와 UI를 작성할 때 활용합니다.
기법 · 역할 부여 · 품질 기준 설정
코딩 · 개발 · 공통
AI 코드 진단 프롬프트 생성
비개발자가 AI로 작성한 코드를 고성능 AI가 종합 분석하도록 지시하는 프롬프트를 만들 때 사용합니다.
기법 · 역할 부여 · 메타 프롬프팅 · 출력 형식 지정
코딩 · 개발 · 공통
라이브 방송 AI 광고 삽입 웹 개발
실시간 방송 내 AI 가상 광고 삽입 시스템의 해커톤용 풀스택 웹 코드를 빠르게 개발할 때 유용합니다.
기법 · 역할 부여 · 맥락 제공 · 페르소나 지정
기획 · 아이디어 · Claude
앱 프로토타입 재설계 프롬프트
기존 소스 코드와 문서를 바탕으로 모바일 앱 프로토타입을 전문가 수준으로 재설계하고 싶을 때 사용합니다.
기법 · 조건 제약 · 단계별 지시 · 요구사항 구체화
코딩 · 개발 · 공통
자동 파일명 변경 포털 개발
구글 앱스 스크립트 기반 문서 파일명 대량 변경 웹 포털 개발 시 활용합니다.
기법 · 역할 부여 · 요구사항 명시 · 제약조건 설정
기획 · 아이디어 · 공통
노션 통합 결제 페이지 제작
노션을 활용해 다양한 결제 수단을 한곳에 모은 매력적인 올인원 랜딩 페이지를 기획할 때 유용합니다.
기법 · 비유적 표현 · 페르소나 설정 · 상세 지침
코딩 · 개발 · 공통
콜라 캔 스크롤 인터랙티브 웹
스크롤에 따라 캔이 이동하는 인터랙티브 HTML5 랜딩 페이지를 만들 때 활용하기 좋습니다.
기법 · 상세 요구사항 지정 · 인터랙션 정의
코딩 · 개발 · ChatGPT
단일 파일 이커머스 쇼핑몰 제작
이커머스 웹사이트의 프로토타입이나 프론트엔드 시연용 코드를 빠르게 제작할 때 유용합니다.
기법 · 역할 부여 · 세부 기능 정의 · 출력 형식 제약
에이전트 · 자동화 · 공통
자율 개발 에이전트 시스템 구축
명세 작성부터 테스트·수정까지 스스로 수행하는 자율 코딩 에이전트 프레임워크를 개발할 때 활용합니다.
기법 · 역할 부여 · 제약조건 명시 · 단계별 지시
코딩 · 개발 · 공통
AI 프론트 데스크 호텔 웹 제작
AI 프론트 데스크와 결제·메신저 연동 기능이 포함된 호텔 웹사이트를 기획하고 개발할 때 사용합니다.
기법 · 요구사항 정의 · 기능 나열
코딩 · 개발 · 공통
약국 만성질환 환자 CRM 설계
만성질환 환자 관리, 재고 및 매출 분석 기능이 포함된 약국 전용 CRM 시스템을 설계·개발할 때 사용합니다.
기법 · 역할 부여 · 상세 요구사항 명세 · 단계별 지시
코딩 · 개발 · 공통
웹사이트 인수인계 문서 작성
신규 담당자가 웹사이트의 구조와 작동 방식을 빠르게 파악할 수 있는 인수인계 문서를 작성할 때 유용합니다.
기법 · 목적 명시 · 대상 지정
업무 · 문서 · 공통
마크다운 문서 링크 검사 도구
마크다운 기술 문서나 블로그에서 끊어진 링크, 앵커 오타, 이미지 링크 오류를 일괄 검사하고 수정할 때.
기법 · 역할 부여 · 실행 절차 명시 · 규칙 제시
코딩 · 개발 · 공통
해커톤용 금융 보안 웹 앱 제작
해커톤이나 데모 발표를 위한 핀테크·보안 리스크 분석 웹 애플리케이션을 빠르게 개발할 때 활용합니다.
기법 · 역할 부여 · 요구사항 상세화 · 모듈별 스펙 정의
코딩 · 개발 · Claude
AI 툴 홍보용 11초 모션 영상 제작
AI 제품의 핵심 기능을 11초 분량의 고급스러운 모션 그래픽 영상 코드로 빠르게 구현하고 싶을 때 유용합니다.
기법 · 변수 정의 · 장면별 연출 · 제약 조건 설정
코딩 · 개발 · Claude
지도 스타일 제품 영상 제작
위치 기반 제품이나 서비스의 핵심 기능을 따뜻한 지도 애니메이션 형태의 11초 영상으로 제작할 때.
기법 · 출력 형식 지정 · 제약 조건 설정 · 단계별 구조화
기획 · 아이디어 · 공통
앱·웹 UX/UI 경험 개선
앱이나 웹 서비스의 사용자 경험을 개선하고 직관적인 인터페이스 아이디어를 얻고 싶을 때.
기법 · 역할 부여 · 상황 설정