제 유틸리티들, 이제 모바일에서도 만나보세요.
모든 도구와 프로젝트를 빠르고 최적화된 환경에서, 한 곳에서 이용하세요.
AI 프롬프트 개인 라이브러리
ChatGPT, Midjourney, Claude 프롬프트를 개인적으로 정리하고 태그를 붙여 저장하세요. localStorage에 저장되는 나만의 프롬프트 뱅크.
라이브러리가 비어 있습니다
첫 번째 프롬프트를 만들고 나만의 AI 저장소를 구축하세요.
유틸리티 스튜디오
이 유틸리티를 내 웹사이트에 추가하고 싶으신가요?
WordPress, Notion 또는 직접 운영하는 사이트에 맞게 색상과 다크 모드를 설정하세요.
자주 묻는 질문
프롬프트는 어디에 저장되나요?
프롬프트는 브라우저의 로컬 스토리지(localStorage)에만 저장됩니다. 외부 서버를 사용하지 않으므로 데이터는 100% 개인 보호됩니다.
브라우저 쿠키나 기록을 삭제하면 어떻게 되나요?
사이트 데이터나 로컬 스토리지를 삭제하면 저장된 프롬프트가 사라집니다. 브라우저를 자주 초기화하는 경우 백업을 만들어 두시기를 권장합니다.
Midjourney, ChatGPT, DALL-E에도 사용할 수 있나요?
네, 모든 종류의 AI 지시어와 호환됩니다. 특정 태그를 만들어 명령어를 정리하고 원하는 AI 도구에 쉽게 복사할 수 있습니다.
# 프롬프트 라이브러리가 필요한 이유
ChatGPT, Claude, Midjourney 같은 AI 도구를 자주 사용한다면, 같은 지시어를 반복해서 작성하느라 시간을 낭비한 경험이 있을 것입니다. 프롬프트 라이브러리는 즐겨 쓰는 명령어를 다시 작성하는 번거로움을 완전히 해소해 주는 해결책입니다.# 프롬프트 정리의 장점
- 즉시 검색: 몇 달 전에 사용했던 특정 지시어도 간단한 텍스트 검색으로 바로 찾을 수 있습니다.
- 태그 분류: 프롬프트에 "marketing", "programming", "copywriting" 같은 태그를 붙여 빠르게 필터링하세요.
- 원클릭 복사: 클릭 한 번으로 전체 텍스트를 클립보드에 복사합니다.
- 완전한 개인 보호: 모든 데이터는 localStorage를 통해 브라우저에 로컬로 저장됩니다.
# 프롬프트의 변수 활용
프롬프트에 [변수명] 표기법을 사용하면 동적으로 입력 가능한 필드를 만들 수 있습니다. 카드를 열면 정의된 각 변수에 대한 입력란이 나타나며, 값을 채운 상태로 프롬프트가 복사되어 AI에 바로 붙여넣을 수 있습니다.# 프롬프트 공유하기
각 프롬프트는 URL로 공유할 수 있습니다. 공유 버튼을 누르면 링크가 생성되며, 해당 링크를 열면 프롬프트 내용이 미리 채워진 작성 양식이 표시됩니다.참고 문헌
- [1] Prompt Engineering Guide (DAIR.AI)
https://www.promptingguide.ai/
- [2] 프롬프트 엔지니어링이란 (Google Cloud)
https://cloud.google.com/discover/what-is-prompt-engineering
같은 카테고리의 유틸리티 웹 개발
무료 온라인 JSON 포매터 및 유효성 검사기
JSON 코드를 포맷팅, 유효성 검사 및 복구할 수 있는 무료 온라인 도구입니다. JSON 코드를 보기 좋게 정리하고, 구문 오류를 감지하며 가독성을 높여줍니다.
도구 사용하기
무료 온라인 SVG to CSS 및 Data URI 변환기
SVG 아이콘과 벡터를 CSS 코드(Background 또는 Mask) 또는 압축된 Data URI로 변환하세요. 외부 HTTP 요청을 제거하여 웹사이트 성능을 최적화합니다.
도구 사용하기
픽셀 단위 화면 비율 계산기. 온라인 비율 계산
이미지, 비디오 및 웹 디자인의 새로운 해상도를 계산하고 정확한 비율을 유지하여 그래픽 왜곡을 방지합니다. 16:9, 4:3, 21:9 및 사용자 정의 형식을 지원합니다.
도구 사용하기
플레이스홀더 이미지 생성기. 빠른 웹 목업 제작 도구
웹 디자인에 필요한 맞춤형 플레이스홀더 이미지를 만들어보세요. 해상도, 배경색, 텍스트를 조정하고 PNG, WebP 또는 JPEG로 즉시 내보낼 수 있습니다.
도구 사용하기
온라인 URL 인코더 및 디코더
모든 링크의 특수 문자를 안전한 형식(퍼센트 인코딩)으로 변환하거나 원래의 읽기 가능한 상태로 즉시 로컬에서 복구합니다.
도구 사용하기
CSS 중복 제거 온라인 도구. 스타일시트를 정리하고 최적화하세요
중복된 CSS 코드를 깔끔하게 정리하는 무료 도구입니다. 불필요한 셀렉터를 통합하고, 캐스케이드를 유지하면서 브라우저에서 즉시 파일 크기를 줄여드립니다.
도구 사용하기
CSS 인라인 HTML 변환기. 이메일용 CSS 인라이너
스타일시트와 CSS 클래스를 HTML 내에 직접 삽입된 인라인 스타일로 자동 변환합니다. 뉴스레터, 트랜잭션 이메일, 안정적인 웹 레이아웃에 적합합니다.
도구 사용하기
CSS 우선순위 계산기 온라인. 선택자 가중치 시각화 도구
CSS 선택자의 우선순위와 정확한 가중치를 계산합니다. 어떤 CSS 규칙이 캐스케이드에서 이기는지 시각적으로 확인하고 !important 남용을 방지하세요.
도구 사용하기
온라인 Cron 표현식 생성기. 번역 및 시각화 도구
Linux Cron 표현식을 생성하기 위한 무료 시각화 도구입니다. * * * * *을 인간이 이해할 수 있는 언어로 번역하고 다음 5번의 실행 일정을 실시간으로 보여줍니다.
도구 사용하기
키보드 키코드 시각화 도구 온라인. KeyCode Inspector
키보드의 모든 키에 대한 event.key, event.code, event.which 및 위치를 실시간으로 확인할 수 있는 무료 온라인 도구. 바로 사용할 수 있는 JavaScript 코드 스니펫을 생성합니다.
도구 사용하기
LLM 비용 계산기. AI 모델 API 가격 추정 도구
LLM API 호출 비용을 무료로 추산할 수 있는 온라인 도구입니다. GPT-4o, Claude, Gemini, Llama 등을 백만 토큰당 실제 가격으로 비교해 보세요.
도구 사용하기
음악적 타이포그래피 스케일. 모듈러 스케일 계산기
음악적 비율에 기반한 모듈러 스케일로 조화로운 시각적 계층 구조를 만드는 무료 온라인 도구입니다. 웹 디자인에 바로 사용할 수 있는 CSS 변수를 생성합니다.
도구 사용하기
App Store용 모바일 목업 생성기. iPhone 및 Google Pixel
App Store와 Google Play를 위한 전문적인 프레젠테이션을 만들어 보세요. 커스텀 배경, 파노라믹 레이아웃, 고해상도 일괄 내보내기를 지원하는 iPhone과 Pixel 목업.
도구 사용하기
온라인 보안 해시 생성기
MD5, SHA-1, SHA-256, SHA-512 해시를 즉시 계산합니다. 개발자를 위한 무료, 비공개, 초고속 보안 도구입니다. 100% 클라이언트 측에서 작동합니다.
도구 사용하기
온라인 컬러 컨버터 RGB HEX 및 HSL
RGB, HEX, HSL 간에 색상을 즉시 변환하세요. 보색 조화를 생성하고 WCAG 대비를 분석합니다. 100% 클라이언트 측에서 실행되며 개인정보를 보호합니다.
도구 사용하기
시각적 가독성 계산기 WCAG와 APCA
APCA(WCAG 3.0)로 디자인의 실제 명암 대비를 확인하세요. 폰트 굵기와 크기가 실제 가독성에 미치는 영향을 분석합니다. 단순 비율부터 지각적 가독성까지 모두 확인할 수 있습니다.
도구 사용하기
SVG 새니타이저 온라인
Figma, Adobe Illustrator 또는 Inkscape에서 내보낸 SVG를 최적화하고 정리합니다. 메타데이터, 불필요한 속성, 빈 그룹을 제거해 바로 배포할 수 있는 SVG를 만들어보세요.
도구 사용하기
Google 애널리틱스용 UTM 매개변수 생성기
디지털 마케팅 캠페인을 위한 정확한 추적 링크를 만드세요. Google 애널리틱스 및 기타 분석 도구에 최적화되어 있습니다.
도구 사용하기
URL 트래킹 클리너: UTM, FBCLID, GCLID 제거
URL에 포함된 추적 및 광고 파라미터를 자동으로 제거합니다. 깔끔한 링크를 공유하고 디지털 프라이버시를 즉시 보호하세요.
도구 사용하기
온라인 SSL/TLS 인증서 검사자 PEM 및 CRT 파일 보기
SSL 인증서 파일(.pem, .crt, .der)을 로컬로 분석합니다. 만료 날짜, 발급자, 주체 및 SHA-256 지문을 확인하세요. 데이터가 브라우저를 벗어나지 않습니다.
도구 사용하기
Security.txt 생성기 RFC 9116
취약점 보고를 용이하게 하고 국제 웹 보안 표준을 준수하는 전문 security.txt 파일을 만들세요.
도구 사용하기
데이터 시간 계산기: 웹 속도의 영향
사용자가 3G, 4G, 5G 연결에서 웹사이트 로딩을 기다리는 동안 잃게 되는 수명을 파악하세요. 사이트 무게의 실제 영향을 계산합니다.
도구 사용하기
Excel 및 CSV를 HTML 테이블로 변환하는 코드 생성기
Excel 또는 CSV 데이터를 깨끗하고 의미 있는 HTML 테이블로 즉시 변환하세요. 개발자와 콘텐츠 제작자를 위한 무료 도구입니다.
도구 사용하기