프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
기획 · 아이디어 · 공통
앱·웹 UX/UI 경험 개선
앱이나 웹 서비스의 사용자 경험을 개선하고 직관적인 인터페이스 아이디어를 얻고 싶을 때.
기법 · 역할 부여 · 상황 설정
코딩 · 개발 · 공통
임상시험 관리 플랫폼 설계 및 개발
AI 기반 프로토콜 분석과 일정 계산 기능이 포함된 임상시험 관리 웹 앱 구축에 활용합니다.
기법 · 역할 부여 · 모듈 구조 지정 · 요구사항 명세
코딩 · 개발 · 공통
웹 기반 DDQN 스네이크 게임 구현
웹 브라우저에서 동작하는 강화학습(DDQN) AI 스네이크 게임을 단일 HTML 파일로 개발하고 싶을 때.
기법 · 역할 부여 · 단계별 지시 · 제약 조건 설정
코딩 · 개발 · 공통
웹 애플리케이션 개발 지침
AI 웹 앱 빌더를 활용해 상용 수준의 웹 애플리케이션 개발 프롬프트를 작성할 때 사용합니다.
기법 · 단계별 지시 · 변수 활용 · 요구사항 정의
글쓰기 · 마케팅 · Claude
랜딩페이지 카피 프레임워크 설계
고객 전환율을 높이는 랜딩페이지 청사진과 섹션별 작성 프롬프트를 만들 때 사용합니다.
기법 · 역할 부여 · 구조화 프레임워크 · 프롬프트 생성
업무 · 문서 · 공통
맞춤형 법적 문서 및 라우트 생성
서비스 출시 시 이용약관, 개인정보처리방침 등 6대 법적 문서 및 웹 라우트를 일괄 생성할 때 활용합니다.
기법 · 역할 부여 · 구조화된 워크플로우 · 체크리스트
코딩 · 개발 · 공통
기업용 웹 템플릿 아키텍처 설계
재사용과 확장이 용이한 엔터프라이즈급 웹 프론트엔드 및 백엔드 풀스택 아키텍처를 설계할 때 활용합니다.
기법 · 역할 부여 · 시스템 구조화 · 입력 변수 활용
업무 · 문서 · 공통
과목별 성적 대시보드 작성
과목별 성적 데이터를 바탕으로 학교 관리자용 단일 페이지 성과 대시보드 보고서를 만들 때 유용합니다.
기법 · 역할 부여 · 단계별 지시 · 출력 형식 지정
코딩 · 개발 · 공통
3D 신발 쇼케이스 웹 제작
Three.js 기반의 고급스러운 제품 3D 웹사이트 인터랙티브 프로토타입을 빠르게 제작할 때 유용합니다.
기법 · 역할 부여 · 요구사항 명시 · 제약 조건 설정
글쓰기 · 마케팅 · 공통
SaaS 랜딩 페이지 문구 작성
신규 SaaS 제품 출시 시 타깃 고객의 전환율을 높이는 랜딩 페이지 문구와 구조를 작성할 때 유용합니다.
기법 · 역할 부여 · 구조 지정 · 예시 제공
코딩 · 개발 · 공통
완성형 웹사이트 코드 생성
비즈니스 정보와 요구사항을 바탕으로 배포 가능한 웹사이트 기획과 코드를 일괄 생성할 때 사용합니다.
기법 · 역할 부여 · 단계별 지시 · 변수 활용
코딩 · 개발 · 공통
기존 웹앱 UI/UX 개선 계획 수립
기존 웹앱의 반응형 레이아웃, 성능, UI/UX 및 디자인 시스템을 체계적으로 개선할 때 유용합니다.
기법 · 역할 부여 · 세부 조건 제시 · 출력 형식 지정
코딩 · 개발 · 공통
모던 프론트엔드 웹 UI 개발
React, Vue 기반의 반응형 UI 개발, 상태 관리 및 웹 성능 최적화가 필요할 때 사용합니다.
기법 · 역할 부여 · 상세 지시 · 기술 스택 지정
코딩 · 개발 · 공통
이미지 기반 웹 디자인 재창조
레퍼런스 이미지 스타일을 참고해 기존 웹 UI/UX를 세련되게 재설계하고 싶을 때 사용합니다.
기법 · 역할 부여 · 규칙 지정 · JSON 스키마
코딩 · 개발 · 공통
기업 맞춤형 웹 템플릿 개발
다양한 기업 브랜딩에 맞춰 커스텀 가능한 프론트엔드 및 백엔드 웹 템플릿을 설계할 때 유용합니다.
기법 · 역할 부여 · 변수 활용 · 예시 제공
코딩 · 개발 · 공통
감성 랜딩페이지 바이브 코딩
브랜드 정체성에 맞춘 감각적이고 비주얼이 뛰어난 랜딩페이지를 기획하고 설계할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 변수 활용
업무 · 문서 · Claude
1페이지 한눈 치트시트
특정 도구나 소프트웨어의 가이드라인을 인쇄에 최적화된 1페이지 고밀도 마크다운 문서로 생성합니다.
기법 · 제약 조건 설정 · 레이아웃 구체화 · 출력 형식 지정
코딩 · 개발 · Gemini
선형 스타일 다크모드 대시보드
글래스모피즘과 네온 광원 효과를 살린 미래지향적 암호화폐 데이터 대시보드를 디자인합니다.
기법 · 스타일 지정 · UI/UX 가이드라인
코딩 · 개발 · Gemini
몽환적 달빛 정글 보트 3D
인터랙티브 조작과 날씨 전환이 가능한 3D 정글 보트 항해 씬 코드를 작성합니다.
기법 · 상황 묘사 · 기능 제약 조건 · 출력 형식 지정
업무 · 문서 · 공통
다국어 웹사이트 레이아웃 설계
다양한 언어권 사용자를 위한 웹사이트 콘텐츠와 섹션별 구성을 기획합니다.
기법 · 역할 부여 · 요구사항 명시 · 구조화
글쓰기 · 마케팅 · Claude
10초 숏폼 광고 HTML 제작
틱톡이나 릴스용 앱 홍보 영상을 위한 10초 분량의 세로형 모션 그래픽을 코드로 생성하고 싶을 때
기법 · 타임라인 설계 · 규칙 지정 · 변수 활용
코딩 · 개발 · Gemini
레트로 폴라로이드 웹앱 제작
폴라로이드 카메라 감성으로 즉석 인화 및 사진 배치가 가능한 웹캠 앱을 개발합니다.
기법 · 상황 묘사 · 기능 명세 · 인터랙션 정의