프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
코딩 · 개발 · ChatGPT
AI 면접 대비 웹앱 개발
Streamlit이나 Next.js와 OpenAI API를 결합해 면접 연습 웹앱을 직접 구현할 때 유용합니다.
기법 · 미션 부여 · 자율 탐구 · 프롬프트 설계
코딩 · 개발 · 공통
뮤지션 포트폴리오 웹 제작
예술가나 뮤지션을 위한 예약 기능 및 애니메이션이 포함된 포트폴리오 웹사이트를 개발할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 출력 형식 지정
코딩 · 개발 · 공통
HTWind 데스크톱 위젯 제작
HTWind 환경에서 동작하는 파워쉘 연동 단일 파일(HTML/CSS/JS) 윈도우 위젯을 만들 때 사용합니다.
기법 · 역할 부여 · 상세 제약 조건 · 출력 형식 지정
코딩 · 개발 · 공통
라이브 스트리밍 웹사이트 개발
실시간 비디오 스트리밍 플랫폼의 개발 요구사항과 기획안을 상세히 작성할 때 유용합니다.
기법 · 역할 부여 · 요구사항 명시 · 변수 활용
코딩 · 개발 · 공통
CKEditor 5 플러그인 개발
CKEditor 4 플러그인을 CKEditor 5 아키텍처 및 위젯 API에 맞춰 마이그레이션할 때 활용합니다.
기법 · 역할 부여 · 구조화된 조건 명시 · 요구사항 지정
코딩 · 개발 · 공통
앱 스크린샷 갤러리 웹페이지 생성
앱 스크린샷들을 빌드 과정 없이 단일 HTML 형태의 고품질 랜딩 갤러리로 제작할 때 유용합니다.
기법 · 역할 부여 · 상세 요구사항 명시 · 예시 제공
코딩 · 개발 · 공통
데이팅 프로필 최적화 앱 제작
AI 기반 프로필 진단, 문구 재작성, 맞춤형 대화 생성 기능이 포함된 웹앱을 구현할 때 유용합니다.
기법 · 기능 요구사항 명세 · 기술 스택 지정
코딩 · 개발 · Claude
AI 감성 코칭 웹 앱 제작
개인화된 AI 코칭 및 저널링 단일 페이지 웹 애플리케이션을 빠르게 프로토타이핑할 때 활용합니다.
기법 · 상세 요구사항 정의 · 역할 부여 · 기술 스택 지정
코딩 · 개발 · 공통
코드 품질 및 표준 리뷰어
소스코드의 품질, 코딩 표준 준수 여부, 최적화 방안을 전문적인 시각으로 검토할 때 사용합니다.
기법 · 역할 부여 · 지시문 명확화 · 변수 정의
코딩 · 개발 · ChatGPT
SDK 디버깅 분석 에이전트
복잡한 SDK나 외부 라이브러리 라이프사이클에서 발생하는 버그의 원인을 시스템 흐름 단위로 파악하고 최소 코드로 수정합니다.
기법 · 역할 부여 · 출력 형식 지정 · 자기 검토 · 단계별 사고
코딩 · 개발 · 공통
게임 물리 메커니즘 설계
게임 내 특정 물리 로직의 수식, 상태 머신, 구현 코드를 한 번에 설계합니다.
기법 · 역할 부여 · 제약 조건 · 출력 형식 지정
코딩 · 개발 · Claude
코드 품질 정밀 리뷰어
작성한 소스코드가 코딩 표준, 성능 최적화, 보안 가이드라인에 부합하는지 정밀하게 검토받습니다.
기법 · 역할 부여 · 규칙 제시
코딩 · 개발 · 공통
3D 랜딩페이지 불씨 효과 제작
다크 판타지풍 3D 웹 랜딩 페이지에 입체적인 불씨와 연기 효과를 구현할 때 활용합니다.
기법 · 역할 부여 · 세부 기술 사양 지정
코딩 · 개발 · 공통
Three.js 3D 파티클 모핑 구현
Three.js 기반 3D 웹 인터랙션이나 화려한 애니메이션이 포함된 랜딩 페이지를 제작할 때 활용하기 좋습니다.
기법 · 역할 부여 · 기술 사양 지정 · 코드 및 개념 설명 요청
코딩 · 개발 · Claude Code
절차적 3D 지형 생성 구현
게임 개발 시 프레임 저하 없이 무한한 지형을 실시간으로 생성하는 3D 절차적 레벨 시스템을 구현합니다.
기법 · 역할 부여 · 구조화된 지시
코딩 · 개발 · Claude
기능 개발 및 커밋 메시지
신규 기능 개발 시 코드 품질 점검부터 규격화된 커밋 메시지까지 완성합니다.
기법 · 역할 부여 · 변수 활용 · 출력 형식 지정
코딩 · 개발 · Cursor
Three.js 3D 물리 샌드박스 구현
Three.js와 Cannon.js를 연동해 마우스 클릭 시 충격량이 전달되는 3D 물리 샌드박스를 개발합니다.
기법 · 역할 부여 · 물리 엔진 요구사항 정의 · 수학적 알고리즘 명시
코딩 · 개발 · 공통
하이엔드 테크 웹 UI 리디자인
기존 웹사이트 기능을 유지한 채 미래지향적인 고급 테크 스타일의 UI 시안을 여러 개 기획할 때 유용합니다.
기법 · 역할 부여 · 제약 조건 설정 · 출력 형식 지정
코딩 · 개발 · Claude
TDD 버그 탐지 에이전트
버그 리포트를 바탕으로 재현 테스트 작성, 가설 수립, 서브 에이전트 병렬 수정까지 체계적으로 수행합니다.
기법 · 단계별 사고 · 역할 부여 · 에이전트 분기 지시
코딩 · 개발 · 공통
3D 네온 파티클 게임 개발
Three.js와 커스텀 셰이더를 활용해 반응형 3D 인터랙티브 그래픽 게임을 제작할 때 유용합니다.
기법 · 요구사항 명시 · 코드 스니펫 제공 · 성능 조건 지정
코딩 · 개발 · 공통
3D 중력 반전 웹 게임 제작
Three.js와 Cannon.js를 활용해 중력 회전 메커니즘을 가진 3D 웹 퍼즐 게임을 프로토타이핑할 때 사용합니다.
기법 · 기술 스택 지정 · 코드 예시 제공 · 기능 세부화
코딩 · 개발 · 공통
풀스택 웹 개발 및 UI/UX 설계
풀스택 웹 애플리케이션 개발 시 최신 기술 스택 기반의 최적화된 코드와 UI를 작성할 때 활용합니다.
기법 · 역할 부여 · 품질 기준 설정
코딩 · 개발 · 공통
AI 코드 진단 프롬프트 생성
비개발자가 AI로 작성한 코드를 고성능 AI가 종합 분석하도록 지시하는 프롬프트를 만들 때 사용합니다.
기법 · 역할 부여 · 메타 프롬프팅 · 출력 형식 지정
코딩 · 개발 · 공통
라이브 방송 AI 광고 삽입 웹 개발
실시간 방송 내 AI 가상 광고 삽입 시스템의 해커톤용 풀스택 웹 코드를 빠르게 개발할 때 유용합니다.
기법 · 역할 부여 · 맥락 제공 · 페르소나 지정