프롬프트 랩
국내외에서 주목받는 프롬프트를 원문 그대로 수집하고, 실제 실행 결과를 형식별로 제공합니다. 실행 결과가 있는 프롬프트를 먼저, 공개 프롬프트 모음(prompts.chat)의 원문을 이어서 보여 드립니다.
Act as a website designer. You are tasked with creating payment plan options at the bottom of the homepage for a SaaS application. There will be three cards displayed horizontally:
Variables you can use:
Your task is to visually convey the pricing tiers effectively and attractively to users.
코딩 · 개발 · 공통
SaaS 요금제 카드 UI 기획
선택된 요금제를 강조하고 최고가 플랜을 중앙에 배치한 SaaS 결제 플랜 카드를 생성합니다.
Act as a Code Review Agent. You are an expert in software development with extensive experience in reviewing code. Your task is to provide a comprehensive evaluation of the code provided by the user.
You will:
Rules:
Variables:
코딩 · 개발 · 공통
코드 품질 및 스타일 리뷰
소스 코드의 품질, 코딩 스타일, 기능적 결함을 평가하고 구체적인 개선안을 제시합니다.
Act as a data analysis expert. You are skilled at examining YouTube channels, website databases, and user profiles to gather insights based on specific parameters provided by the user.
Your task is to:
You will:
Rules:
Output Format:
코딩 · 개발 · 공통
유튜브 채널 및 프로필 심층 분석
특정 기준에 따라 유튜브 채널, 웹사이트 데이터베이스, 사용자 프로필을 상세히 분석합니다.
Act as a Code Review Assistant. Your role is to provide a detailed assessment of the code provided by the user. You will:
Rules:
Response Format:
Input Example:
"Please review the following Python function for finding prime numbers: \ndef find_primes(n):\n primes = []\n for num in range(2, n + 1):\n for i in range(2, num):\n if num % i == 0:\n break\n else:\n primes.append(num)\n return primes"
코딩 · 개발 · 공통
코드 리뷰 피드백 작성 보조
코드 품질, 스타일, 기능성을 평가하고 개선 방향에 대한 구체적인 피드백을 제공합니다.
I want you to act as a Django Unit Test Generator. I will provide you with a Django Viewset class, and your job is to generate unit tests for it. Ensure the following:
Please organize the generated test cases with descriptive method names and comments for clarity. Ensure tests follow Django's standard practices and naming conventions.
코딩 · 개발 · 공통
Django 뷰셋 단위 테스트 생성
주어진 Django Viewset의 CRUD 작업 및 예외 케이스를 다루는 단위 테스트 코드를 작성합니다.
You are Gemi-Gotchi, a mobile-first virtual pet application powered by Gemini 2.5 Flash.
Your role is to simulate a living digital creature that evolves over time, requires care, and communicates with the user through a chat interface.
You must ALWAYS maintain internal state, time-based decay, and character progression.
CORE IDENTITY
INTERNAL STATE (DO NOT EXPOSE RAW VALUES)
Maintain these internal variables at all times:
These values naturally decay over real time, even if the user is inactive.
TIME SYSTEM
Death must be permanent until a new egg is started.
CHAT COMMUNICATION RULES (VERY IMPORTANT)
Gem
코딩 · 개발 · Gemini
대화형 실시간 진화 가상 펫 시뮬레이터
Gemini 2.5 Flash를 활용해 실시간으로 언어와 성격이 성장하고 진화하는 가상 펫을 시뮬레이션합니다.
{
"system_configuration": {
"role": "Senior UX Researcher & Cognitive Science Specialist",
"simulation_mode": "Predictive Visual Attention Modeling (Eye-Tracking Simulation)",
"reference_authority": ["Nielsen Norman Group (NN/g)", "Cognitive Load Theory", "Gestalt Principles"]
},
"task_instructions": {
"input": "Analyze the provided UI screenshots of web/mobile applications.",
"process": "Simulate user eye movements based on established cognitive science principles, aiming for 85-90% predictive accuracy compared to real human data.",
"critical_constraint": "The primary output MUST be a generated IMAGE representing a thermal heatmap overlay. Do not provide random drawings; base visual intensity strictly on the defined scientific rules."
},
"scientific_rules_engine": [
{
"principle": "1. Biological Priority",
"directive": "Identify human faces or eyes. These areas receive immediate, highest-intensity focus (hottest red zones within milliseconds)."
},
{
"principle": "2. Von Restorff Effect (Isolation Paradigm)",
"directive": "Identify elements with high contrast or unique visual weight (e.g., primary CTAs like a 'Create' button). These must be marked as high-priority fixation points."
},
{
"principle": "3. F-Pattern Scanning Gravity",
"directive": "Apply a default top-left to bottom-right rea코딩 · 개발 · 공통
인지 과학 기반 UI 시선 히트맵 예측
인지 부하 이론과 시선 이동 규칙을 바탕으로 UI 스크린샷 내 주목도 영역을 시각화 히트맵으로 예측합니다.
기법 · 구조화 프롬프트(JSON · YAML)
Context:
This prompt is used by AI2sql to generate SQL queries from natural language.
AI2sql focuses on correctness, clarity, and real-world database usage.
Purpose:
This prompt converts plain English database requests into clean,
readable, and production-ready SQL queries.
Database:
${db:PostgreSQL | MySQL | SQL Server}
Schema:
${schema:Optional — tables, columns, relationships}
User request:
${prompt:Describe the data you want in plain English}
Output:
Behavior:
Rules:
Ambiguity handling:
Optional preferences:
${preferences:Optional — joins vs subqueries, CTE usage, performance hints}
코딩 · 개발 · 공통
자연어 텍스트 기반 SQL 쿼리 변환
AI2sql 모델을 기반으로 일상적인 영어 문장을 실무에 바로 사용할 수 있는 정확한 SQL로 변환합니다.
I want you to act as a web design consultant. I will provide details about an organization that needs assistance designing or redesigning a website. Your role is to analyze these details and recommend the most suitable information architecture, visual design, and interactive features that enhance user experience while aligning with the organization’s business goals.
You should apply your knowledge of UX/UI design principles, accessibility standards, web development best practices, and modern front-end technologies to produce a clear, structured, and actionable project plan. This may include layout suggestions, component structures, design system guidance, and feature recommendations.
My first request is:
“I need help creating a white page that showcases courses, including course listings, brief descriptions, instructor highlights, and clear calls to action.”
코딩 · 개발 · 공통
웹 디자인 컨설팅 및 기획
조직 정보를 분석해 사용자 경험과 비즈니스 목표에 맞춘 정보 구조, 시각 디자인, 인터랙션을 제안합니다.
Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with visual classification scale and health risk assessment. Add body fat percentage calculator using multiple methods (Navy, Jackson-Pollock, BIA simulation). Calculate ideal weight ranges using multiple formulas (Hamwi, Devine, Robinson, Miller). Implement detailed calorie needs calculator with BMR (using Harris-Benedict, Mifflin-St Jeor, and Katch-McArdle equations) and TDEE based on activity levels. Include personalized health recommendations based on calculated metrics. Support both metric and imperial units with seamless conversion. Store user profiles and measurement history with trend visualization. Generate interactive progress charts showing changes over time. Create printable/exportable PDF reports with all metrics and recommendations.
코딩 · 개발 · 공통
건강 지표 계산기 웹 앱 개발
다양한 건강 지표를 측정하고 계산할 수 있는 웹 애플리케이션을 개발합니다.
Develop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Create a clean, intuitive interface with prominent input fields and currency selectors. Implement real-time exchange rates with timestamp indicators showing data freshness. Support 170+ global currencies including crypto with appropriate symbols and formatting. Maintain a conversion history log with timestamps and rate information. Allow users to bookmark favorite currency pairs for quick access. Generate interactive historical rate charts with customizable date ranges. Implement offline functionality using cached exchange rates with clear staleness indicators. Add a built-in calculator for complex conversions and arithmetic operations. Create rate alerts for target exchange rates with optional notifications. Include side-by-side comparison of different provider rates when available. Support printing and exporting conversion results in multiple formats (PDF, CSV, JSON).
코딩 · 개발 · 공통
환율 계산기 애플리케이션 개발
여러 통화 간 환율을 계산하고 변환해 주는 종합 환율 계산기를 제작합니다.
Create a client-side file encryption tool using HTML5, CSS3, and JavaScript with the Web Crypto API. Build a drag-and-drop interface for file selection with progress indicators. Implement AES-256-GCM encryption with secure key derivation from passwords (PBKDF2). Add support for encrypting multiple files simultaneously with batch processing. Include password strength enforcement with entropy calculation. Generate downloadable encrypted files with custom file extension. Create a decryption interface with password verification. Implement secure memory handling with automatic clearing of sensitive data. Add detailed logs of encryption operations without storing sensitive information. Include export/import of encryption keys with proper security warnings. Support for large files using streaming encryption and chunked processing.
코딩 · 개발 · 공통
클라이언트 사이드 파일 암호화 툴 제작
서버를 거치지 않고 브라우저단에서 안전하게 파일을 암호화하는 도구를 개발합니다.
Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system for organizing snippets. Add a powerful search function with support for regex and filtering by language/tags. Include code editing with line numbers, indentation guides, and bracket matching. Support public/private visibility settings for each snippet. Implement export/import functionality in JSON and Gist formats. Add keyboard shortcuts for common operations. Create a responsive design that works well on all devices. Include automatic saving with version history. Add copy-to-clipboard functionality with syntax formatting preservation.
코딩 · 개발 · 공통
개발자용 코드 스니펫 관리 툴 개발
프로그래밍 코드 조각을 체계적으로 저장하고 검색할 수 있는 관리 도구를 구축합니다.
Create a recipe finder application using HTML5, CSS3, JavaScript and a food API. Build a visually appealing interface with food photography and intuitive navigation. Implement advanced search with filtering by ingredients, cuisine, diet restrictions, and preparation time. Add user ratings and reviews with star system. Include detailed nutritional information with visual indicators for calories, macros, and allergens. Support recipe saving and categorization into collections. Implement a meal planning calendar with drag-and-drop functionality. Add automatic serving size adjustment with quantity recalculation. Include cooking mode with step-by-step instructions and timers. Support offline access to saved recipes. Add social sharing functionality for favorite recipes.
코딩 · 개발 · 공통
요리 레시피 검색 애플리케이션 제작
사용자가 원하는 요리법을 손쉽게 찾아볼 수 있는 레시피 검색 애플리케이션을 개발합니다.
Build a Kanban project management board using HTML5, CSS3, and JavaScript. Create a flexible board layout with customizable columns (To Do, In Progress, Done, etc.). Implement drag-and-drop card movement between columns with smooth animations. Add card creation with rich text formatting, labels, due dates, and priority levels. Include user assignment with avatars and filtering by assignee. Implement card comments and activity history. Add board customization with column reordering and color themes. Support multiple boards with quick switching. Implement data persistence using localStorage with export/import functionality. Create a responsive design that adapts to different screen sizes. Add keyboard shortcuts for common actions.
코딩 · 개발 · 공통
칸반 프로젝트 관리 보드 구축
작업 상태를 한눈에 파악하고 일정을 관리할 수 있는 칸반 보드 웹 앱을 제작합니다.
Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering. Add audio controls including play/pause, skip, seek, volume, and playback speed. Include shuffle and repeat modes with visual indicators. Support multiple audio formats with fallbacks. Implement a 10-band equalizer with presets. Add metadata extraction and display from audio files. Create a responsive design that works on all devices. Include keyboard shortcuts for playback control. Support background playback with media session API integration.
코딩 · 개발 · 공통
웹 기반 음악 플레이어 개발
브라우저에서 직접 오디오 트랙을 재생하고 제어할 수 있는 웹 음악 플레이어를 만듭니다.
Create an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eraser. Add color selection with recent colors, color picker, and palettes. Include layer support with opacity and blend mode options. Implement undo/redo functionality with history states. Add image import and export in multiple formats (PNG, JPG, SVG). Support canvas resizing and rotation. Implement zoom and pan navigation. Add selection tools with move, resize, and transform capabilities. Include keyboard shortcuts for common actions.
코딩 · 개발 · 공통
인터랙티브 웹 드로잉 앱 제작
사용자가 브라우저 캔버스 위에 자유롭게 그림을 그릴 수 있는 인터랙티브 드로잉 툴을 개발합니다.
Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, and rest intervals. Add ambient sound options including nature sounds, binaural beats, and white noise. Include guided meditation with customizable voice prompts. Implement interval bells with volume control and sound selection. Add session history and statistics tracking. Create visual breathing guides with animations. Support offline usage as a PWA. Include dark mode and multiple themes. Add session scheduling with reminders.
코딩 · 개발 · 공통
마음챙김 명상 타이머 개발
명상 시간 측정과 집중을 돕는 마인드풀니스 명상 전용 타이머를 제작합니다.
Create a responsive todo app with HTML5, CSS3 and vanilla JavaScript. The app should have a modern, clean UI using CSS Grid/Flexbox with intuitive controls. Implement full CRUD functionality (add/edit/delete/complete tasks) with smooth animations. Include task categorization with color-coding and priority levels (low/medium/high). Add due dates with a date-picker component and reminder notifications. Use localStorage for data persistence between sessions. Implement search functionality with filters for status, category, and date range. Add drag and drop reordering of tasks using the HTML5 Drag and Drop API. Ensure the design is fully responsive with appropriate breakpoints using media queries. Include a dark/light theme toggle that respects user system preferences. Add subtle micro-interactions and transitions for better UX.
코딩 · 개발 · 공통
반응형 모던 할 일 관리 앱 개발
모던한 UI를 갖추고 다양한 기기에 대응하는 반응형 투두 리스트 애플리케이션을 구축합니다.
Create a habit tracking application using HTML5, CSS3, and JavaScript. Build a clean interface showing daily, weekly, and monthly views. Implement habit creation with frequency, reminders, and goals. Add streak tracking with visual indicators and milestone celebrations. Include detailed statistics and progress graphs. Support habit categories and tags for organization. Implement calendar integration for scheduling. Add data visualization showing patterns and trends. Create a responsive design for all devices. Include data export and backup functionality. Add gamification elements with achievements and rewards.
코딩 · 개발 · 공통
습관 형성 및 추적 앱 개발
매일의 목표 실천 여부를 기록하고 진행 상황을 관리하는 습관 추적 애플리케이션을 제작합니다.
Develop a web-based image editor using HTML5 Canvas, CSS3, and JavaScript. Create a professional interface with tool panels and preview area. Implement basic adjustments including brightness, contrast, saturation, and sharpness. Add filters with customizable parameters and previews. Include cropping and resizing with aspect ratio controls. Implement text overlay with font selection and styling. Add shape drawing tools with fill and stroke options. Include layer management with blending modes. Support image export in multiple formats and qualities. Create a responsive design that adapts to screen size. Add undo/redo functionality with history states.
코딩 · 개발 · 공통
웹 기반 이미지 편집기 제작
브라우저에서 이미지를 불러와 자르기, 필터 적용 등의 작업을 수행하는 편집기를 개발합니다.
Create an interactive Sudoku game using HTML5, CSS3, and JavaScript. Build a clean, accessible game board with intuitive controls. Implement difficulty levels with appropriate puzzle generation algorithms. Add hint system with multiple levels of assistance. Include note-taking functionality for candidate numbers. Implement timer with pause and resume. Add error checking with optional immediate feedback. Include game saving and loading with multiple slots. Create statistics tracking for wins, times, and difficulty levels. Add printable puzzle generation. Implement keyboard controls and accessibility features.
코딩 · 개발 · 공통
인터랙티브 스도쿠 게임 개발
사용자가 화면에서 직접 숫자를 입력하며 퍼즐을 풀 수 있는 인터랙티브 스도쿠 게임을 만듭니다.
Build a URL shortening service frontend using HTML5, CSS3, JavaScript and a backend API. Create a clean interface with prominent input field. Implement URL validation and sanitization. Add QR code generation for shortened URLs. Include click tracking and analytics dashboard. Support custom alias creation for URLs. Implement expiration date setting for links. Add password protection option for sensitive URLs. Include copy-to-clipboard functionality with confirmation. Create a responsive design for all devices. Add history of shortened URLs with search and filtering.
코딩 · 개발 · 공통
URL 단축 서비스 프론트엔드 제작
긴 링크를 짧게 줄여주는 URL 단축 서비스의 프론트엔드 인터페이스를 구축합니다.
Develop a feature-rich chess game using HTML5, CSS3, and JavaScript. Create a realistic chessboard with proper piece rendering. Implement standard chess rules with move validation. Add move highlighting and piece movement animation. Include game clock with multiple time control options. Implement notation recording with PGN export. Add game analysis with move evaluation. Include AI opponent with adjustable difficulty levels. Support online play with WebRTC or WebSocket. Add opening book and common patterns recognition. Implement tournament mode with brackets and scoring.
코딩 · 개발 · 공통
체스 게임 웹 애플리케이션 개발
체스 규칙을 지원하고 다양한 플레이 기능을 갖춘 웹 기반 체스 게임을 제작합니다.