소개
AI 프롬프트 제공 계정들이 높은 트래픽을 유도하는 모습을 보고, 저도 비슷한 형태의 콘텐츠를 만들어보고자 MANUS AI에 프로젝트 개발을 의뢰하게 되었습니다. 목표는 Gemini API를 활용하여 콘텐츠 생성용 프롬프트를 손쉽게 만들 수 있는 웹페이지를 개발하는 것이었습니다. 특히, 개발 요청에 사용된 프롬프트는 제가 직접 개발한 프롬프트 생성기를 통해 생성되 었습니다.
진행 방법
사용 도구: MANUS AI, Gemini API, JavaScript
개발 요청 프롬프트:
"""
You are tasked with creating a web page that generates 5-10 ready-to-use prompts based on the provided input text. The page should be structured like a Streamlit application and will utilize the Gemini API to analyze the context of the input text and generate appropriate prompts.
Follow these instructions to complete the task:
1. **Understanding the Task**:
- Create a Streamlit-like web page that accepts input text.
- Analyze the input text to understand its context.
- Generate 5-10 relevant prompts based on the analysis.
- Ensure the prompts are ready to use and diverse.
2. **Web Page Structure**:
- Create a simple and intuitive user interface.
- Include a text area for inputting the text.
- Provide a separate input field for the Gemini API key.
- Add a button to trigger the prompt generation.
- Display the generated prompts in a clear and organized manner.
3. **Gemini API Integration**:
- Use the provided API key to authenticate requests.
- Send the input text to the Gemini API for analysis.
- Receive the analysis results and use them to inform prompt generation.
- Ensure robust error handling for API calls.
4. **Prompt Generation Logic**:
- Based on the context provided by the Gemini API, create 5-10 diverse prompts.
- Ensure prompts are directly applicable to the input text.
- Include a variety of prompt types (e.g., creative writing, summarization, question generation).
- Keep prompts concise and clear.
5. **Final Output**:
- Display the generated prompts in a user-friendly format.
- Allow users to copy individual prompts or all prompts at once.
- Provide an option to regenerate prompts with the same input.
6. **Styling and Usability**:
- Use basic CSS for styling the web page.
- Ensure the layout is responsive and easy to navigate.
- Provide clear instructions and labels for all input fields.
"""구현 과정:
gemini api를 사용해달라곤 했지만 사용법을 알려주지도 않았는데 자기가 찾아서 적용한건 진짜 소름 끼쳤어요. 커서에서도 비슷한 요청을 하면 예전 모델을 사용하거나 적용이 바로 안되서 gemini docs링크를 참조 걸어서 수정하는데 여긴 한번에 됐어요.
streamlt을 사용해달라했는데 이 의도를 이해하고 자바로 웹페이지를 구성해줬어요
향후 계획:
시스템 프롬프트 고도화를 통해 프롬프트와 활용방법까지 같이 설명해서 업그레이드 예정
이렇게 생성하는 프롬프트를 바탕으로 새로운 스레드 계정 생성 예정
어제는 좀 복잡한 요청을 했는지 계속 뻗어버리고 결괴물을 만들어내지 못했는 데 복잡도를 낮춰 요청하니 예상밖으로 너무 잘 구현해주네요
앞으로 얼마나 더 발전할 수 있을 지 기대가 굉장히 크네요
괜찮은 사례 있으면 또 가져 와볼게요!!