소개
이번 사례는 제가 오늘 퇴근길에 바로 개발한 크롬 익스텐션 “Magic Prompt”의 개발 과정을 공유합니다. 프롬프트를 더 효과적으로 다듬어주는 도구를 만들고자 했던 이유는, 스터디에서 프롬프트 활용법을 간단히 소개할 때, “프롬프트를 더 잘 쓰게 도와주는 도구 하나 만들어 선물로 주면 어떨까?“라는 아이디어에서 출발했습니다.
진행 방법
사용 도구 및 작업 방식
• GPT와의 협업:
아이디어와 필요한 기능, 워크플로우를 GPT에게 설명한 후, “지금까지 얘기한 걸 바탕으로 개발 문서로 정리해줘”라는 요청으로 기획서를 받았습니다.
• 개발 환경:
받은 기획서를 바탕으로 Cursor에서 PRD 문서를 바탕으로 바이브 코딩을 진행했습니다.
• 사용 모델:
프롬프트 제네레이터를 만들 때 사용한 openai finetuning model을 연결해 프롬프트를 생성하게 했습니다.
한국 HTML 코드의 스크린 샷
결과와 배운 점
결과와 배운 점
결과
• 완성된 크롬 익스텐션 “Magic Prompt”
• AI 플랫폼(예: ChatGPT, Gemini, Claude, Google AI Studio)에서 사용자가 입력한 프롬프트를 추출하고, OpenAI 파인튜닝 모델을 통해 개선된 프롬프트를 생성합니다.
• 사용자가 설정한 API 키와 시스템 프롬프트, 출력 언어에 따라 동적으로 프롬프트를 개선할 수 있습니다.
• 개선된 프롬프트는 팝업 창에 표시되며, 자동 적용 및 복사 기능도 제공됩니다.
배운 점 및 꿀팁
• 프롬프트 활용의 중요성:
GPT와의 대화에서 명확한 프롬프트가 얼마나 효과적인 결과를 만들어내는지 체감했습니다.
• 크롬 익스텐션 개발의 기초:
manifest 파일 설정, 옵션 페이지와 팝업 페이지 연동, 콘텐츠 스크립트 활용 등 기본적인 구조를 직접 구현하면서 많은 것을 배웠습니다.
구동 영상이 안올라가서 스레드 링크로 대체합니다.
https://www.threads.net/@gptaku_ai/post/DH5wtw6TqeQ?
