프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
Reddit · Hacker News · 국내외 기사에서 새로 모은 프롬프트 관련 글입니다. 원문으로 연결됩니다.
GitHub 프롬프트 · 에이전트 스킬 저장소를 최근 7일 동안 늘어난 별 순서로 보여 드립니다.
코딩 · 개발 · Claude
웹 UI 접근성 체크리스트 생성기
특정 웹 페이지나 UI 컴포넌트 환경에 딱 맞춘 WCAG 기반 웹 접근성 검수 체크리스트를 YAML로 생성합니다.
기법 · 역할 부여 · 스키마 정의 · 상세 규칙 제시
코딩 · 개발 · 공통
기업용 웹 템플릿 아키텍처 설계
재사용과 확장이 용이한 엔터프라이즈급 웹 프론트엔드 및 백엔드 풀스택 아키텍처를 설계할 때 활용합니다.
기법 · 역할 부여 · 시스템 구조화 · 입력 변수 활용
코딩 · 개발 · 공통
웹 애플리케이션 개발 지침
AI 웹 앱 빌더를 활용해 상용 수준의 웹 애플리케이션 개발 프롬프트를 작성할 때 사용합니다.
기법 · 단계별 지시 · 변수 활용 · 요구사항 정의
코딩 · 개발 · Windsurf
소스코드 기반 웹 보안 진단
AI 코드 에디터에서 전체 소스코드를 분석하여 OWASP 기반 보안 약점을 진단하고 리포트를 생성할 때 사용합니다.
기법 · 역할 부여 · 표준 기준 참조 · 출력 형식 지정
코딩 · 개발 · 공통
반응형 웹 앱 프론트엔드 개발
시각적으로 뛰어난 반응형 웹 앱의 프론트엔드 HTML/CSS/JS 코드를 작성할 때 유용합니다.
기법 · 역할 부여 · 실행 가이드라인 · 제약 조건 명시
코딩 · 개발 · 공통
웹 3D FPS 게임 개발
Three.js 기반 웹 3D FPS 게임의 아키텍처 및 핵심 기능을 단계별로 구현할 때 활용합니다.
기법 · 기술 스택 지정 · 세부 기능 명세
코딩 · 개발 · 공통
3D 우주 탐사 게임 개발
Three.js 기반 웹 3D 우주 탐사 게임의 전체적인 구조와 주요 기능을 한번에 설계할 때 사용합니다.
기법 · 요구사항 명세 · 세부 기능 지시
코딩 · 개발 · 공통
플래시카드 학습 앱 개발
간격 반복 학습 알고리즘과 통계 기능이 포함된 플래시카드 웹 애플리케이션을 개발할 때 사용합니다.
기법 · 기능 명세 나열 · 요구사항 정의
코딩 · 개발 · 공통
Three.js 3D 레이싱 게임 개발
Three.js 기반 웹 3D 레이싱 게임을 물리 엔진 및 다양한 모드와 함께 고도화하여 개발할 때 유용합니다.
기법 · 기능 명세 제시 · 요구사항 상세화
코딩 · 개발 · 공통
날씨 대시보드 웹앱 제작
OpenWeatherMap API를 활용해 반응형 날씨 대시보드 웹 애플리케이션을 개발할 때 활용합니다.
기법 · 기술 스택 지정 · 상세 기능 명세
코딩 · 개발 · Claude
무한 줌 3D 숏폼 영상 제작
제품이나 브랜드 홍보용 세로형 3D 무한 줌 애니메이션 영상 코드를 생성할 때 활용하기 좋습니다.
기법 · 변수 활용 · 구조적 명세 · 제약 조건 설정
코딩 · 개발 · 공통
웹 텍스트 분석 도구 개발
HTML/CSS/JS 기반의 종합 텍스트 분석 웹 애플리케이션을 구현할 때 활용합니다.
기법 · 기능 명세 지정 · 요구사항 나열
코딩 · 개발 · 공통
지자체 대규모 현장조사 앱 설계
지자체 현장 조사나 인구주택총조사 등 대규모 행정 관리 시스템의 요구사항을 정의할 때 사용합니다.
기법 · 요구사항 상세화 · 도메인 모델링 · 엔터프라이즈 설계
코딩 · 개발 · 공통
웹 기반 예산 관리 앱 개발
개인 프로젝트나 포트폴리오용 종합 가계부 웹 앱을 프론트엔드 기술로 빠르게 구현할 때 활용합니다.
기법 · 요구사항 구체화 · 기능 명시 · 변수 활용
코딩 · 개발 · 공통
3D 웹 비행기 전투 게임 개발
Three.js와 WebSocket 기반 3D 웹 멀티플레이 비행기 전투 게임을 개발할 때 활용합니다.
기법 · 기술 스택 지정 · 상세 기능 명세
코딩 · 개발 · 공통
도타 2 정보 웹사이트 디자인
게임 데이터 시각화나 전적 검색용 웹사이트 디자인 및 UI/UX 구조를 기획할 때 활용하기 좋습니다.
기법 · 역할 부여 · 제약 조건 설정 · 변수 활용
코딩 · 개발 · 공통
샤오미 셀프서비스 프론트엔드 개발
특정 브랜드 지침에 맞춘 셀프서비스 관리 시스템의 프론트엔드를 신속하게 기획·구현할 때.
기법 · 역할 부여 · 제약 조건 설정 · 변수 활용
코딩 · 개발 · 공통
리눅스 모니터링 단일 HTML 제작
리눅스 서버 및 도커 상태를 실시간 모니터링하는 단일 HTML 웹 대시보드를 빠르게 제작할 때 유용합니다.
기법 · 요구사항 상세화 · 기술 스택 제약 · 디자인 사양 지정
코딩 · 개발 · 공통
Base64 변환 웹앱 제작
이미지와 Base64 간 상호 변환 및 HTML 태그 생성이 가능한 반응형 단일 페이지 웹앱을 구현할 때 유용합니다.
기법 · 역할 부여 · 요구사항 구체화 · 디자인 규격 지정
코딩 · 개발 · Claude
시스템 디버깅 및 원인 분석
복잡해진 코드 시스템의 흐름을 먼저 분석하고 최소한의 정교한 수정안을 제시합니다.
기법 · 역할 부여 · 시스템 흐름 분석 · 최적 구조 제시
코딩 · 개발 · 공통
맞춤형 아바타 생성 웹앱 개발
이미지 생성 API 기반의 개인화 아바타 제작 웹앱을 빠르게 프로토타이핑하고 개발할 때 활용합니다.
기법 · 요구사항 명세 · 기술 스택 지정 · UI 조건 설정
코딩 · 개발 · 공통
깃허브 포트폴리오 대시보드 제작
개발자 포트폴리오용 깃허브 대시보드를 웹 프론트엔드 코드로 구현할 때 사용합니다.
기법 · 역할 부여 · 상세 조건 지정 · 변수 활용
코딩 · 개발 · ChatGPT
AI 면접 대비 웹앱 개발
Streamlit이나 Next.js와 OpenAI API를 결합해 면접 연습 웹앱을 직접 구현할 때 유용합니다.
기법 · 미션 부여 · 자율 탐구 · 프롬프트 설계
코딩 · 개발 · 공통
뮤지션 포트폴리오 웹 제작
예술가나 뮤지션을 위한 예약 기능 및 애니메이션이 포함된 포트폴리오 웹사이트를 개발할 때 활용합니다.
기법 · 역할 부여 · 단계별 지시 · 출력 형식 지정