프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
코딩 · 개발 · 공통
샤오미 셀프서비스 프론트엔드 개발
특정 브랜드 지침에 맞춘 셀프서비스 관리 시스템의 프론트엔드를 신속하게 기획·구현할 때.
기법 · 역할 부여 · 제약 조건 설정 · 변수 활용
코딩 · 개발 · 공통
리눅스 모니터링 단일 HTML 제작
리눅스 서버 및 도커 상태를 실시간 모니터링하는 단일 HTML 웹 대시보드를 빠르게 제작할 때 유용합니다.
기법 · 요구사항 상세화 · 기술 스택 제약 · 디자인 사양 지정
코딩 · 개발 · 공통
Base64 변환 웹앱 제작
이미지와 Base64 간 상호 변환 및 HTML 태그 생성이 가능한 반응형 단일 페이지 웹앱을 구현할 때 유용합니다.
기법 · 역할 부여 · 요구사항 구체화 · 디자인 규격 지정
기획 · 아이디어 · 공통
이미지 기반 웹 디자인 재현
참고하고 싶은 웹사이트 이미지를 바탕으로 신규 웹 UI/UX 디자인을 기획할 때 유용합니다.
기법 · 역할 부여 · 구조화된 서식 · 제약 조건 설정
코딩 · 개발 · 공통
맞춤형 아바타 생성 웹앱 개발
이미지 생성 API 기반의 개인화 아바타 제작 웹앱을 빠르게 프로토타이핑하고 개발할 때 활용합니다.
기법 · 요구사항 명세 · 기술 스택 지정 · UI 조건 설정
코딩 · 개발 · 공통
깃허브 포트폴리오 대시보드 제작
개발자 포트폴리오용 깃허브 대시보드를 웹 프론트엔드 코드로 구현할 때 사용합니다.
기법 · 역할 부여 · 상세 조건 지정 · 변수 활용
코딩 · 개발 · ChatGPT
AI 면접 대비 웹앱 개발
Streamlit이나 Next.js와 OpenAI API를 결합해 면접 연습 웹앱을 직접 구현할 때 유용합니다.
기법 · 미션 부여 · 자율 탐구 · 프롬프트 설계
기획 · 아이디어 · 공통
PS5 테마 포트폴리오 UI 기획
게임 콘솔 콘셉트의 독특하고 창의적인 포트폴리오 UI/UX를 기획할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 제약 조건
코딩 · 개발 · 공통
뮤지션 포트폴리오 웹 제작
예술가나 뮤지션을 위한 예약 기능 및 애니메이션이 포함된 포트폴리오 웹사이트를 개발할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 출력 형식 지정
코딩 · 개발 · 공통
HTWind 데스크톱 위젯 제작
HTWind 환경에서 동작하는 파워쉘 연동 단일 파일(HTML/CSS/JS) 윈도우 위젯을 만들 때 사용합니다.
기법 · 역할 부여 · 상세 제약 조건 · 출력 형식 지정
코딩 · 개발 · 공통
라이브 스트리밍 웹사이트 개발
실시간 비디오 스트리밍 플랫폼의 개발 요구사항과 기획안을 상세히 작성할 때 유용합니다.
기법 · 역할 부여 · 요구사항 명시 · 변수 활용
코딩 · 개발 · 공통
앱 스크린샷 갤러리 웹페이지 생성
앱 스크린샷들을 빌드 과정 없이 단일 HTML 형태의 고품질 랜딩 갤러리로 제작할 때 유용합니다.
기법 · 역할 부여 · 상세 요구사항 명시 · 예시 제공
코딩 · 개발 · 공통
데이팅 프로필 최적화 앱 제작
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
앱 프로토타입 재설계 프롬프트
기존 소스 코드와 문서를 바탕으로 모바일 앱 프로토타입을 전문가 수준으로 재설계하고 싶을 때 사용합니다.
기법 · 조건 제약 · 단계별 지시 · 요구사항 구체화
코딩 · 개발 · 공통
자동 파일명 변경 포털 개발
구글 앱스 스크립트 기반 문서 파일명 대량 변경 웹 포털 개발 시 활용합니다.
기법 · 역할 부여 · 요구사항 명시 · 제약조건 설정