메일 주소 복사

TOOLS & IDEAS

보물창고

103개의 보관 기록

바로 꺼내 쓰는 프롬프트와 GitHub 프로젝트. 어떤 결과를 만들고, 왜 유용한지 함께 정리합니다.

보물창고에 담은 생각

공부할수록 다시 프롬프트로 돌아오는 이유

AI가 알아서 잘해 주는 시대에도, 내가 아는 것을 정확히 전달하는 일은 남아 있었습니다.소개 글 읽기 소개 글 접기

AI가 발전하면서 저는 프롬프트 엔지니어링이 이제 필요 없어졌다고 생각했습니다.

답변을 구조화하는 프롬프트 없이도, 내 맥락만 전달하면 에이전트가 알아서 잘해 준다고 생각했죠. 복잡한 지시문은 더 이상 필요하지 않아 보였습니다.

그런데 그건 유용한 프롬프트의 정의를 너무 좁게 생각한 것이었습니다.

제가 처음 이해했던 프롬프트 엔지니어링은 구조화된 답변 구성 방식이나 역할을 정의하고, 그에 따라 인공지능의 고품질 답변을 기대하는 것이었습니다. 지금 제가 중요하게 생각하는 프롬프트 엔지니어링은 얼마나 효과적으로 내 맥락과 암묵지를 전달할 수 있는가입니다.

목표를 명확히 주고, 이를 달성하기 위해 내가 원하는 정확한 방향을 짚어주는 것. 그런 차원에서 공부하면 할수록 프롬프트 엔지니어링으로 다시 돌아오게 됐습니다.

인공지능을 공부하면 할수록 사람들이 하는 이야기가 있습니다. 저도 같은 생각에 닿았습니다. 아, 결국 도메인 지식이구나. 내가 잘 알고 잘하는 분야에서 내 에이전트도 더 잘해 주는구나.

그 이유는 제가 아는 분야일수록 암묵지를 줄이는 키워드와 문장을 사용하기 때문이라고 생각합니다. 머릿속으로만 알고 있던 기준을 말로 꺼내고, 어떤 결과를 원하는지 더 정확히 짚어줄 수 있는 거죠.

그렇다면 도메인 지식이 부족해도 잘 만들어내려면 무엇이 필요할까요? 그 분야를 잘 아는 사람들이 쓰는 키워드와 요청 문장이 좋은 출발점이 됩니다. 결국 다시 프롬프트입니다.

예를 들어 데이터 분석을 시킬 때, 데이터를 가공하고 정리하는 일을 아는 사람은 전처리라는 표현을 쓸 수 있습니다. 데이터의 분포와 관계를 살펴보려면 EDA, 탐색적 데이터 분석을 요청할 수도 있겠죠. 이 개념을 알면 필요한 절차를 짚어주고 결과에서 무엇을 확인할지도 말할 수 있습니다.

개념을 모르면 그냥 데이터 분석을 해달라고 요청하고, 인공지능이 그 절차들을 잘 수행했길 기대하게 됩니다. 결과를 받아도 어떤 과정이 빠졌는지 확인하기가 어렵습니다.

그래서 이곳에는 그 분야를 아는 사람의 작업 방식과 판단 기준이 담긴 프롬프트를 모으려고 합니다. 문구와 결과물 예시, 유용하다고 판단한 이유를 함께 읽으며 내 작업에 필요한 표현과 기준을 가져가면 좋겠습니다.

만들고 싶은 결과의 이름을 찾아보세요. 전문 용어의 뜻과 짧은 문구, 적용 예시를 함께 담았습니다.

43개의 자료

01프런트엔드

이 부분, 뭐라고 부르죠? · 랜딩페이지 해부도

mouseco 홈페이지의 요소 이름과 입자 애니메이션 기법을 익히고, 여백·행간·밀도·속도를 직접 조정하며 수정 요청 문장을 복사하세요.

요소를 눌러 이름 찾기 · 직접 조정해 보기요소를 눌러 이름 찾기 · 직접 조정해 보기출처 · mouseco 홈페이지 기반 · 2026-10-19 · 학습용 재구성 ↗
Header · 헤더 / Hero · 히어로
페이지 상단 탐색 영역과 핵심 메시지를 전하는 첫 소개 영역
Headline · 헤드라인 / Eyebrow · 아이브로
핵심 제목과 그 위에서 주제를 알려 주는 짧은 문구
CTA group · 행동 버튼 묶음
주요 CTA와 보조 CTA를 함께 배치한 영역
Padding / Margin / Gap
안쪽 여백 / 바깥 여백 / 요소 사이 간격
Line-height / Letter-spacing
글줄의 높이인 행간 / 글자 사이 간격인 자간
Container / Breakpoint
콘텐츠 폭을 관리하는 영역 / 반응형 배치가 바뀌는 기준
Particle system / Stroke reveal / Floating motion
입자로 형태 만들기 / 경로를 따라 선이 그려지는 등장 / 떠다니는 반복 모션
Dispersion / Pointer repulsion
입자가 흩어지는 전환 / 커서 가까이의 입자가 밀려나는 반응

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 mouseco 홈페이지의 실제 문구·로고·입자 그래픽과 섹션 구성

18개 화면 요소와 7개 애니메이션 조정 항목을 선택하는 해부도. 입자 밀도·크기, 부유 속도·이동 폭, 선이 그려지는 등장, 흩어지는 전환, 커서 반발 효과를 직접 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

좋은 초안이 나와도 “저 부분을 조금만 바꿔줘”로는 수정 범위가 모호합니다. 요소 이름과 속성을 함께 알면 바꾸려는 곳을 짚고 나머지 디자인은 유지하도록 요청할 수 있습니다.

mouseco 홈페이지를 학습용으로 재구성했습니다. 홈페이지의 입자 렌더러에 실습용 조절 기능을 추가했으며, 여기서 바꾼 값은 실제 홈에 반영되지 않습니다. 원출처 ↗

02디자인 스타일

반투명 유리 같은 패널 · Glassmorphism

재질 · 배경이 비치고 흐려지는 반투명 유리 표현

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Glassmorphism · 글래스모피즘
배경이 비치고 흐려지는 반투명 유리 표현

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Glassmorphism · 글래스모피즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

유리처럼 겹쳐 보이는 느낌을 색상뿐 아니라 투명도·블러·경계선까지 함께 전달합니다. 배경이 복잡할수록 패널과 글자의 대비를 확인해야 합니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

03디자인 스타일

거칠고 대담한 포스터 같은 화면 · Brutalism

시각 스타일 · 큰 글자, 강한 대비와 노출된 구조로 거친 인상을 주는 웹 스타일

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Brutalism · 브루탈리즘
큰 글자, 강한 대비와 노출된 구조로 거친 인상을 주는 웹 스타일

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Brutalism · 브루탈리즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

정제된 카드형 화면과 다른 강한 인상을 요청할 때 유용합니다. 거친 표현을 요청해도 읽는 순서와 버튼의 사용성까지 버리는 것은 아닙니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

04디자인 스타일

표면에서 살짝 솟아오른 버튼 · Neumorphism

재질 · 배경과 비슷한 표면에 밝고 어두운 그림자를 주어 돌출·함몰을 표현

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Neumorphism · 뉴모피즘
배경과 비슷한 표면에 밝고 어두운 그림자를 주어 돌출·함몰을 표현

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Neumorphism · 뉴모피즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

말랑하게 솟아 있는 표면을 요청하는 용어입니다. 그림자만으로 조작 대상을 구분하면 알아보기 어려울 수 있어 경계와 상태도 지정합니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

05디자인 스타일

크기가 다른 상자가 맞물리는 구성 · Bento grid

레이아웃 · 서로 다른 크기의 모듈을 격자에 맞물려 배치하는 레이아웃

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Bento grid · 벤토 그리드
서로 다른 크기의 모듈을 격자에 맞물려 배치하는 레이아웃

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Bento grid · 벤토 그리드의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

사진·지표·기능 설명처럼 성격이 다른 내용을 한 덩어리로 구성할 때 쓸 수 있습니다. 모든 상자를 같은 크기로 만들지 않고 중요도를 크기로 드러냅니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

06디자인 스타일

어두운 바탕에 또렷한 정보 · Dark mode UI

색상 체계 · 어두운 배경을 기준으로 표면·본문·강조색의 명도를 조정하는 화면

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Dark mode UI · 다크 모드 UI
어두운 배경을 기준으로 표면·본문·강조색의 명도를 조정하는 화면

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Dark mode UI · 다크 모드 UI의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

단순한 검은 배경에서 더 나아가 어두운 화면의 계층을 요청합니다. 다크 모드는 색상 체계이므로 벤토나 미니멀리즘과 함께 쓸 수 있습니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

07디자인 스타일

입체 오브젝트로 깊이감 주기 · 3D & Immersive

공간 표현 · 깊이, 원근과 반응하는 입체 요소를 활용하는 넓은 디자인 방향

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
3D & Immersive · 입체·몰입형
깊이, 원근과 반응하는 입체 요소를 활용하는 넓은 디자인 방향

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

3D & Immersive · 입체·몰입형의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

입체 오브젝트가 중심이 되는 화면을 요청하는 표현입니다. 특정 라이브러리 이름은 아니며 구현 규모에 따라 CSS 3D, WebGL 등을 선택할 수 있습니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

08디자인 스타일

여백과 글자만으로 집중시키기 · Minimalism

시각 스타일 · 요소와 장식을 줄이고 여백·위계·정렬에 집중하는 디자인 방향

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Minimalism · 미니멀리즘
요소와 장식을 줄이고 여백·위계·정렬에 집중하는 디자인 방향

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Minimalism · 미니멀리즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

“깔끔하게”에 포함된 여러 해석 중 요소를 덜고 집중하는 방향을 지정합니다. 정보까지 삭제해 설명이 부족해지지 않도록 핵심 메시지를 먼저 정합니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

09디자인 스타일

색 덩어리가 부드럽게 섞이는 배경 · Mesh gradient

배경 기법 · 여러 지점의 색이 유기적으로 이어져 섞이는 그라디언트 표현

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Mesh gradient · 메시 그라디언트
여러 지점의 색이 유기적으로 이어져 섞이는 그라디언트 표현

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Mesh gradient · 메시 그라디언트의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

한 방향으로 흐르는 그라디언트와 여러 색 덩어리가 섞이는 배경을 구분해 요청할 수 있습니다. 예시 화면은 여러 CSS radial-gradient를 겹친 근사 표현입니다.

첨부 영상에서 확인한 키워드입니다. 프롬프트와 예시는 직접 제작했으며 링크는 기법 참고 문서입니다. 원출처 ↗

10디자인 스타일

선명한 색과 딱 떨어지는 그림자 · Neo-brutalism

시각 스타일 · 두꺼운 외곽선, 평면 색상과 선명한 오프셋 그림자를 쓰는 경향

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Neo-brutalism · 네오브루탈리즘
두꺼운 외곽선, 평면 색상과 선명한 오프셋 그림자를 쓰는 경향

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Neo-brutalism · 네오브루탈리즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

브루탈리즘이라는 큰 범주 중 굵은 테두리와 딱딱한 그림자의 조합을 더 구체적으로 요청합니다. 용어의 경계는 작업자마다 달라 시각적 특징을 함께 적는 것이 좋습니다.

영상의 방향을 확장한 관련 키워드입니다. 프롬프트와 예시는 직접 제작했습니다. 원출처 ↗

11디자인 스타일

잡지를 펼친 듯한 화면 · Editorial layout

레이아웃 · 큰 제목, 단 구성과 읽는 순서로 내용을 편집하는 지면 중심의 구성

같은 내용, 다른 스타일 비교하기같은 내용, 다른 스타일 비교하기출처 · mouseco 직접 제작 · 가상 기록 서비스 ↗
Editorial layout · 에디토리얼 레이아웃
큰 제목, 단 구성과 읽는 순서로 내용을 편집하는 지면 중심의 구성

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Editorial layout · 에디토리얼 레이아웃의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

“고급스럽게”를 막연한 색상 취향 대신 제목 크기·단·캡션·읽는 순서로 전달합니다. 이 예시는 잡지 편집의 구성을 웹에 응용한 것입니다.

영상의 방향을 확장한 관련 키워드입니다. 프롬프트와 예시는 직접 제작했습니다. 원출처 ↗

12프런트엔드

검색하며 고르는 선택창 · Combobox

검색 선택창. 입력한 글자로 선택지를 좁히고 목록에서 값을 고르는 UI

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Editable combobox · 자동완성 콤보박스
검색 선택창. 입력한 글자로 선택지를 좁히고 목록에서 값을 고르는 UI

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 담당자를 고르는 UI를 만들어줘.

“김” 입력 → 김민서·김지우만 표시 → 방향키와 Enter로 선택

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

선택지가 많을 때 긴 드롭다운을 끝까지 훑는 수고를 줄입니다. 검색창과 선택 목록을 따로 설명하는 대신 필요한 동작을 함께 전달할 수 있습니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

13프런트엔드

첫 화면에서 한 가지 행동으로 · Hero + CTA

히어로는 첫 화면의 대표 영역, CTA는 행동 유도 버튼, 공지 배너는 짧은 소식을 알리는 띠

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Hero section · CTA · Announcement banner
히어로는 첫 화면의 대표 영역, CTA는 행동 유도 버튼, 공지 배너는 짧은 소식을 알리는 띠

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 홈페이지 배너를 예쁘게 만들어줘.

공지 띠 → 핵심 효익 → 설명 → 단일 시작 버튼으로 위계 구성

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

배너라는 말로 뭉뚱그리면 광고 이미지인지 대표 소개인지 혼동하기 쉽습니다. 각 영역의 목적과 행동을 나누면 첫 화면의 우선순위가 명확해집니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

14프런트엔드

숫자와 흐름을 한눈에 · KPI + Sparkline

핵심 지표 카드, 작은 추세선, 실적과 목표를 같은 축에서 비교하는 차트

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
KPI card · Sparkline · Bullet chart
핵심 지표 카드, 작은 추세선, 실적과 목표를 같은 축에서 비교하는 차트

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 매출 대시보드를 만들어줘.

월별 실적·전월 대비·추세·목표 달성 위치를 한 화면에 표시

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

큰 숫자만 있는 화면에 시간에 따른 변화와 목표 대비 위치를 더합니다. 전월 대비인지 전년 대비인지까지 지정해야 숫자를 잘못 비교하지 않습니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

15프런트엔드

필요한 설정만 펼치기 · Progressive disclosure

기본 기능부터 보여주고 고급 옵션은 필요할 때 펼치는 방식. 아코디언은 구현 수단 중 하나

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Progressive disclosure · 점진적 공개
기본 기능부터 보여주고 고급 옵션은 필요할 때 펼치는 방식. 아코디언은 구현 수단 중 하나

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 설정 화면을 간단하게 해줘.

필수 이름은 항상 표시 · 재시도와 알림 옵션은 고급 설정 안으로

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

모든 옵션을 한 번에 읽어야 하는 부담을 줄입니다. 아코디언이라는 모양뿐 아니라 무엇을 숨겨도 되는지까지 정해줍니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

16프런트엔드

로딩 중에도 자리 잡힌 화면 · Skeleton

본문이 올 자리에 뼈대 모양을 먼저 보여주는 로딩 UI

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Skeleton screen · 스켈레톤
본문이 올 자리에 뼈대 모양을 먼저 보여주는 로딩 UI

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 불러오는 중 표시를 넣어줘.

카드 자리 유지 → 1초 뒤 내용 표시 / 실패 모드에서는 재시도

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

빈 화면이나 회전 아이콘만 보일 때보다 어떤 내용이 나타날지 알 수 있습니다. 로딩·성공·오류 상태를 함께 요구해 빠진 상태를 줄입니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

17프런트엔드

자료가 없을 때 다음 행동 안내 · Empty state

처음 방문해 데이터가 없거나 검색 결과가 없는 상황을 설명하고 다음 행동을 안내하는 화면

화면 직접 조작하기화면 직접 조작하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Empty state · 빈 상태
처음 방문해 데이터가 없거나 검색 결과가 없는 상황을 설명하고 다음 행동을 안내하는 화면

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 목록이 비어 있으면 없다고 써줘.

첫 방문에는 만들기 · 검색 실패에는 초기화

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

“없음”만 보이는 막다른 화면에서 다음 행동으로 이어줍니다. 실제 데이터가 없는 상황과 조건 때문에 보이지 않는 상황을 구분합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

18모션

사라지기와 장면 겹치기 · Fade / Dissolve

페이드아웃은 한 요소가 희미해지는 효과, 크로스 디졸브는 앞뒤 장면이 겹치며 교체되는 전환

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Fade-out · Cross-dissolve
페이드아웃은 한 요소가 희미해지는 효과, 크로스 디졸브는 앞뒤 장면이 겹치며 교체되는 전환

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 글자랑 장면이 부드럽게 바뀌게 해줘.

페이드: 글자 → 빈 배경 / 디졸브: 낮과 밤 장면이 겹치며 교체

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

“부드럽게 바꿔줘”라는 말로는 사라짐인지 장면 간 혼합인지 알기 어렵습니다. 대상과 전환 기법을 따로 지정하면 원하는 장면 연결에 가까워집니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

19모션

글자가 차례로 등장 · Stagger

글자가 차례로 나타나도록 문자나 단어를 나누고 각 애니메이션의 시작 시간을 조금씩 늦추는 기법

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Stagger · Split text
글자가 차례로 나타나도록 문자나 단어를 나누고 각 애니메이션의 시작 시간을 조금씩 늦추는 기법

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 제목에 글자 애니메이션을 넣어줘.

“생각을 / 화면으로 / 옮기다”가 90ms 간격으로 차례로 등장

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

한꺼번에 나타나는 제목과 순서대로 읽히는 제목의 차이를 짧게 전달합니다. 애니메이션의 간격과 이동량까지 지정해 과한 효과를 줄입니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

20모션

가려진 제목이 드러나는 효과 · Mask reveal

가림막의 경계를 이동시켜 글자나 이미지를 점차 드러내는 효과

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Mask reveal · Clip-path
가림막의 경계를 이동시켜 글자나 이미지를 점차 드러내는 효과

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 제목이 멋있게 나타나게 해줘.

글자는 제자리 · 왼쪽부터 가림막이 걷히며 문장이 드러남

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

페이드와 달리 글자의 선명도는 유지하면서 보이는 영역을 바꿉니다. “커튼이 열리듯”이라는 시각적 요구를 구현 기법으로 연결합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

21모션

기계적인 움직임에 속도감 주기 · Easing

애니메이션 시간에 따른 속도 변화. ease-out은 빠르게 시작해 끝으로 갈수록 감속

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Easing · Ease-out
애니메이션 시간에 따른 속도 변화. ease-out은 빠르게 시작해 끝으로 갈수록 감속

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 패널이 자연스럽게 움직이게 해줘.

위: 일정한 속도 / 아래: 빠르게 출발하고 마지막에 감속

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

기간이 같아도 속도 곡선에 따라 인상이 달라집니다. “자연스럽게”를 멈추는 방식에 대한 구체적인 지시로 바꿉니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

22모션

스크롤할 때 한 번 등장 · Scroll reveal

스크롤 중 요소가 화면에 들어왔을 때 등장시키는 패턴. 스크롤 위치와 효과가 계속 연동되는 방식과는 다름

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Scroll reveal · Intersection Observer
스크롤 중 요소가 화면에 들어왔을 때 등장시키는 패턴. 스크롤 위치와 효과가 계속 연동되는 방식과는 다름

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 스크롤 애니메이션을 넣어줘.

아래 실습 영역을 스크롤하면 카드가 들어올 때 한 번 등장

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

스크롤에 따른 등장 시점과 재생 횟수를 정해줍니다. 패럴랙스나 스크롤에 계속 매달리는 모션을 원치 않을 때 구분해서 요청할 수 있습니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

23모션

순서가 바뀌어도 위치를 따라가기 · FLIP

First·Last·Invert·Play. 레이아웃 변경 전후 위치를 측정해 이동을 이어주는 기법

움직임 직접 재생하기움직임 직접 재생하기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
FLIP · Layout animation
First·Last·Invert·Play. 레이아웃 변경 전후 위치를 측정해 이동을 이어주는 기법

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 정렬할 때 카드가 부드럽게 움직이게 해줘.

A·B·C 목록을 뒤집으면 같은 카드가 새 위치로 이동

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

정렬 결과가 순간적으로 바뀌면 무엇이 어디로 갔는지 놓치기 쉽습니다. 이동 경로를 보여줘 같은 항목을 눈으로 추적할 수 있습니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

24보고서

실행 뒤 다음 조치까지 · PDCA

계획·실행·점검·개선의 반복. 완료 목록에서 다음 실험과 표준화로 이어가는 틀

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
PDCA · Plan–Do–Check–Act
계획·실행·점검·개선의 반복. 완료 목록에서 다음 실험과 표준화로 이어가는 틀

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 업무 개선 보고서를 써줘.

목표 15분 → 체크리스트 시범 → 20분에서 12분 → 추가 관찰 후 표준화 검토

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

“무엇을 했다”에서 그치지 않고 효과를 점검하고 다음 행동을 정합니다. 측정되지 않은 성과를 AI가 채워 넣지 않도록 구분합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

25보고서

항목의 중복과 누락 점검 · MECE

정한 범위 안에서 서로 겹치지 않고 빠짐없이 나누는 분류 원칙

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
MECE · Mutually Exclusive, Collectively Exhaustive
정한 범위 안에서 서로 겹치지 않고 빠짐없이 나누는 분류 원칙

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 문의 내용을 카테고리로 정리해줘.

문의 채널과 문제 유형이 섞인 분류를 분리하고 1건당 대표 유형 규칙을 추가

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

같은 항목을 두 번 세거나 빠진 범주 때문에 합계가 달라지는 문제를 드러냅니다. MECE는 보기 좋은 목차보다 분류 기준을 점검하는 데 유용합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

26보고서

큰 문제를 확인할 질문으로 · Issue tree

문제를 하위 질문으로 나눠 원인 분석과 확인할 데이터를 연결하는 구조

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Issue tree · 이슈 트리
문제를 하위 질문으로 나눠 원인 분석과 확인할 데이터를 연결하는 구조

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 매출이 왜 줄었는지 분석해줘.

방문수·전환율·객단가로 분해 → 각 지표의 비교 자료 요청

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

막연한 원인 나열을 조사할 질문으로 바꿉니다. 가지마다 무엇을 보면 가설을 버릴 수 있는지 적으면 자료 수집의 목적이 분명해집니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

27보고서

결론부터 읽히는 제안서 · Pyramid principle

핵심 답을 위에 두고 이를 지지하는 이유와 근거를 아래에 묶는 논리 구성

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
Pyramid principle · 피라미드 원칙
핵심 답을 위에 두고 이를 지지하는 이유와 근거를 아래에 묶는 논리 구성

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 제안서를 설득력 있게 써줘.

제안 1개 → 이유 3개 → 각각을 뒷받침하는 자료

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

독자가 배경 설명을 다 읽기 전에 결정할 일을 알 수 있습니다. 이유와 증거를 연결해 설득력이 약한 부분도 찾기 쉬워집니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

28보고서

누가 하고 누가 승인하는지 · RACI

R 실행, A 최종 책임·승인, C 협의, I 공유. 업무별 역할을 구분하는 표

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
RACI · 책임 배분표
R 실행, A 최종 책임·승인, C 협의, I 공유. 업무별 역할을 구분하는 표

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 프로젝트 담당자 표를 만들어줘.

작업 행 × 역할 열로 실행·승인·협의·공유를 분리

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

참여자 이름만 나열한 계획에서 실행 담당과 최종 판단자를 구분합니다. 아직 합의되지 않은 배정을 확정된 사실처럼 쓰지 않게 합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

29보고서

증상에서 확인 가능한 원인으로 · 5 Whys

증상에 왜를 거듭 물어 원인 후보를 좁히는 방법. 숫자 5를 채우는 것이 목적은 아님

보고서 적용 예시 펼쳐보기보고서 적용 예시 펼쳐보기출처 · mouseco 제작 · 가상 입력의 설명용 데모 ↗
5 Whys · 왜를 반복하는 원인 탐색
증상에 왜를 거듭 물어 원인 후보를 좁히는 방법. 숫자 5를 채우는 것이 목적은 아님

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 왜 계속 늦는지 근본 원인을 찾아줘.

지연 → 승인 대기 관찰 → 알림 누락 가설 → 로그가 없어 확인 중단

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

첫 답을 곧바로 근본 원인으로 부르지 않게 합니다. 원인을 모르는 지점을 명확하게 남겨 다음 조사로 연결합니다.

전문 용어를 활용해 mouseco가 작성한 문구입니다. 출처는 용어와 기법의 참고 문서입니다. 원출처 ↗

30데이터·3D

전처리·EDA — 분석 전에 데이터부터

무엇을 결정할지 먼저 밝히고, 그 판단을 흐릴 데이터 문제와 분포를 확인합니다.

예제 CSV를 계산한 EDA 결과예제 CSV를 계산한 EDA 결과출처 · mouseco · 이 요청에 맞춰 제작한 예시 ↗
전처리
결측·중복·자료형을 점검하고 처리 근거를 기록
EDA
분포·이상치·집단 차이를 먼저 탐색

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 예제 주문 CSV: 7행, 중복 1행, 금액 결측 1행

원본 7행 → 완전 중복 1행 제외 → 6건
금액 결측 1건은 채우지 않고 합계에서 제외
채널별 합계: 검색 170, 추천 120
추천 금액 1건 누락 때문에 채널 성과 우위는 확정 불가

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

전처리는 분석의 전제이고 EDA는 질문을 찾는 과정입니다. 예쁜 차트부터 만들기보다 어떤 데이터로 판단하는지 확인하게 합니다.

31요청 원칙

카파시 지침 응용 — 가정부터 드러내기

모호한 요구를 에이전트가 임의로 확정하기 전에, 결과를 바꿀 가정을 드러냅니다.

가정 명시
모르는 조건을 이미 정해진 사실처럼 다루지 않기

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 비활성 계정 정리를 자동화해줘

먼저 확인할 사항: 비활성 기준 기간, 삭제인지 비활성화인지
안전한 시작: 후보 목록을 만들고 마지막 접속일을 표시
계정 삭제는 정책이 확인된 다음 수행

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

작은 모호함마다 멈추지는 않으면서, 잘못된 해석으로 큰 작업을 하는 일을 줄입니다.

카파시의 관찰을 정리한 커뮤니티 지침을 한국어 요청으로 재구성했습니다. 본인의 원문 프롬프트는 아닙니다. 원출처 ↗

32요청 원칙

카파시 지침 응용 — 필요한 부분만 수정

버그 수정이 주변 코드의 대대적인 개편으로 번지는 것을 막습니다.

최소 수정
요청한 동작에 필요한 코드만 변경
재현 조건
수정 전 실패하고 수정 후 통과할 사례

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 수량 0을 입력하면 기본값 1로 저장되는 버그

원인: quantity || 1이 0을 거짓으로 취급
수정: quantity ?? 1
확인: 0 → 0, null → 1, 3 → 3

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

범위를 좁히면 변경 이유와 영향을 검토하기 쉬워집니다. 작게 바꾸라는 말에 재현·확인을 함께 붙이는 것이 핵심입니다.

카파시의 관찰을 정리한 커뮤니티 지침을 한국어 요청으로 재구성했습니다. 본인의 원문 프롬프트는 아닙니다. 원출처 ↗

33요청 원칙

카파시 지침 응용 — 완료 조건을 먼저

잘 만들어줘라는 요청을 실제로 확인할 수 있는 도착점으로 바꿉니다.

완료 조건
작업 성공 여부를 외부에서 확인할 기준

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 CSV 다운로드 버튼을 만들어줘

완료 조건: 필터된 행만 포함 / 한글 깨짐 없음 / 빈 결과 안내
확인 근거: 내려받은 파일의 행 수·내용 / 브라우저 동작
미확인 환경은 별도 표시

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

완료라는 자기 평가 대신 사용자가 검토할 근거를 남깁니다. 검증을 위해 필요한 수준의 작업만 요청할 수 있습니다.

카파시의 관찰을 정리한 커뮤니티 지침을 한국어 요청으로 재구성했습니다. 본인의 원문 프롬프트는 아닙니다. 원출처 ↗

34요청 원칙

ELI10 — 쉽게 설명하되 틀리지 않게

낯선 개념을 쉬운 비유로 풀고, 그 비유의 한계까지 확인합니다.

ELI10
열 살도 이해할 수 있는 말로 설명해 달라는 관용적 요청

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 캐시를 설명해줘

캐시는 자주 쓰는 물건을 책상 위에 꺼내두는 것과 비슷해요. 매번 창고까지 가지 않아도 되죠.
예: 사이트가 한 번 받은 사진을 저장해 두었다가 다시 보여줘요.
비유의 한계: 원본 사진이 바뀌면 책상 위 사본은 낡은 정보일 수 있어요.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

쉽게 말하기와 정확하게 말하기를 함께 요구합니다. 비유만 기억해서 개념을 잘못 이해하는 일을 줄입니다.

35프런트엔드

타이포그래피 — 글자로 위계 만들기

꾸며줘 대신 활자 크기·정렬·행간으로 원하는 지면을 설명합니다.

같은 글을 활자 위계로 정리한 HTML같은 글을 활자 위계로 정리한 HTML출처 · mouseco · 이 요청에 맞춰 제작한 예시 ↗
타이포그래피 위계
제목·요약·본문의 중요도를 크기와 굵기로 구분
행장·행간
한 줄의 길이와 줄 사이 간격

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 제목: 생각을 전달하는 기술 / 주제: 맥락을 정확히 전하는 법

큰 제목 → 한 문장 요약 → 짧은 본문 순서의 반응형 HTML 지면

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

막연한 미감 대신 디자이너가 조절할 요소를 전달합니다. 같은 문장도 읽는 순서가 달라집니다.

36데이터·3D

Three.js — 돌려보는 3D 제품

3D로 만들어줘에 카메라 조작·재질·조명이라는 구체적인 기준을 더합니다.

직접 돌려보는 3D 링직접 돌려보는 3D 링출처 · mouseco · 이 요청에 맞춰 제작한 예시 ↗
OrbitControls
마우스나 손가락으로 시점을 회전·확대
PBR 재질
금속성·거칠기 등으로 빛에 반응하는 재질

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 무광 금속 링, 따뜻한 배경, 직접 회전하는 뷰어

마우스로 회전·휠로 확대하는 3D 뷰어. 자동 회전은 버튼으로 켜고 끕니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

엔진 이름만 말하는 것보다 조작·빛·재질을 함께 지정해야 결과를 평가할 수 있습니다.

37데이터·3D

Blender — 조명과 카메라를 말하기

예쁜 3D 대신 형태·시점·조명·출력을 정해 결과의 방향을 좁힙니다.

Blender 드론 제작 · 공식 참고 데모Blender 드론 제작 · 공식 참고 데모출처 · HKUDS/CLI-Anything · 이 프롬프트의 실행 결과 아님 ↗
직교 카메라
원근 왜곡 없이 형태와 비율을 보여주는 시점
3점 조명
주광·보조광·역광으로 입체감을 분리

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 저폴리 드론 제품 컷

목표 산출물: 1200×900 PNG + .blend
카메라·조명·재질을 조절하며 목표에 맞는지 확인

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

렌더의 인상을 좌우하는 조건과 수정할 수 있는 원본까지 지정합니다. 아래는 이 문구의 실행 결과가 아니라 형태를 살펴볼 공개 참고 데모입니다.

38요청 원칙

목적·독자 — 왜 필요한지 함께

OpenAI·Claude 공식 문서 응용. 누가 읽고 무엇을 결정할지 알려줍니다.

맥락
독자, 사용 장면, 결과를 쓸 목적

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 자료: 시범 운영은 2주, 참여 팀은 A·B, 비용은 미정. 독자는 팀장, 결정할 일은 시범 운영 승인.

결정할 일: A·B팀의 2주 시범 운영 승인 여부
확인된 조건: 기간 2주, 참여 팀 2개
결정 전에 필요한 정보: 비용과 승인 가능한 예산

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

목적과 독자를 알려주면 무엇을 남기고 줄일지 기준이 생깁니다. 회의 자료를 만들 때 배경 설명과 결정할 일을 구분하는 데 쓸 수 있습니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗

39요청 원칙

자료와 요청 — 경계를 표시하기

OpenAI·Claude 공식 문서 응용. 참고할 원문과 수행할 작업을 구분합니다.

구분자
자료가 시작하고 끝나는 위치를 표시하는 제목이나 태그

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 [자료] 시범 운영을 다음 주 시작하기로 했다. 담당자는 아직 정하지 않았다. [/자료]

결정 사항: 다음 주 시범 운영 시작
담당자: 미정

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

여러 자료와 지시가 섞여 있어도 각각의 용도를 읽기 쉬워집니다. 구분 표시는 해석을 돕지만, 그 자체로 보안이나 정확성을 보장하지는 않습니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗

40요청 원칙

예시로 기준 전달 — 애매한 경우까지

OpenAI·Claude 공식 문서 응용. 설명만으로 전달하기 어려운 분류 기준을 예시로 보여줍니다.

Few-shot
몇 개의 입력·정답 쌍으로 원하는 기준을 보여주는 방법

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 분류할 문장: 결제한 금액을 돌려받고 싶어요.

환불

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

대표 사례와 애매한 사례를 함께 주면 분류 경계를 전달하기 좋습니다. 같은 유형의 예시만 반복하면 빠뜨린 경우가 생길 수 있습니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗

41요청 원칙

원하는 결과 — 형태를 구체적으로

Claude 공식 문서 응용. 막연한 금지 대신 원하는 문장과 출력 범위를 설명합니다.

출력 기준
길이, 독자에게 필요한 정보, 표현 방식의 구체적인 조건

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 원문: 캐시는 이전 응답을 저장해 재사용한다. 같은 요청의 반복 처리 시간을 줄인다. 원본이 바뀌면 갱신해야 한다.

캐시는 이전에 받은 답을 저장해 다시 쓰는 방식입니다.
같은 요청을 매번 새로 처리하지 않아 시간을 줄일 수 있습니다.
원본이 바뀌면 저장한 답도 갱신해야 합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

짧게라는 말만으로는 무엇을 생략해도 되는지 알기 어렵습니다. 결론과 근거의 자리를 정하면 요청과 결과를 비교하기 쉬워집니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗

42요청 원칙

근거 먼저 — 모르면 모른다고

Claude 공식 문서 응용. 답을 뒷받침하는 원문과 확인할 수 없는 부분을 분리합니다.

근거 기반 답변
주장을 자료의 특정 문장과 연결해 확인 가능하게 만들기

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 자료 2절: “시범 운영 기간은 2주로 한다.” 예산 언급 없음. 질문: 기간과 예산은?

근거: “시범 운영 기간은 2주로 한다.” — 자료 2절
기간: 2주
예산: 확인 불가 — 제공 자료에 언급 없음

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

결론을 읽고 원문까지 되짚어볼 수 있습니다. 특히 긴 문서의 일부를 놓치거나, 비어 있는 조건을 임의로 채우는지 확인하기 좋습니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗

43요청 원칙

추론 모델 — 목표와 제약을 선명하게

OpenAI 추론 모델 공식 지침 응용. 내부 사고 과정을 길게 쓰게 하기보다 도착할 조건을 전달합니다.

성공 조건
답이 목적에 맞는지 판단할 수 있는 구체적인 기준

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

입력 배송 60건을 상자당 최대 20건씩 나누기. 모든 상자는 20건 이하이고 빠진 배송이 없어야 함.

결론: 상자 3개에 각각 20건씩 배정
확인: 20 + 20 + 20 = 60건, 상자별 20건 이하
남은 조건: 무게·부피 제한은 주어지지 않아 검토하지 않음

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

유용하다고 판단한 이유

풀이의 모든 단계를 미리 지시하기 어려운 문제에 쓸 수 있습니다. 사용자는 조건 충족 여부와 핵심 근거를 보고 결과를 검토합니다.

공식 문서 원칙을 한국어로 응용한 문구입니다. 공식 원문 프롬프트나 모델 실행 기록은 아닙니다. 확인: 2026-10-18. 원출처 ↗