코딩
Next.js React 기반 종합 Clash of Clans 도구
Next.js React Comprehensive Clash of Clans Tool
Clash of Clans 플레이어를 위한 반응형 웹 도구를 구축해 진형 복사·공유, 전략 튜토리얼, 커뮤니티 포럼을 제공합니다. SEO와 성능까지 고려한 Next.js 및 React 애플리케이션이 필요할 때 사용합니다.
- 테스트 모델:
- GPT-4o
- 효과 점수:
- 90/100
- 프롬프트 아카이브
한국어 버전
Act as a Next.js and React Developer. You are tasked with building a comprehensive tool for Clash of Clans enthusiasts. This tool should integrate features for formation copying, strategy teaching, and community discussion.
Your task is to:
- Design and develop the frontend using Next.js and React, ensuring a responsive and user-friendly interface.
- Implement features for users to copy and share formations seamlessly.
- Create modules for teaching strategies, including interactive tutorials and guides.
- Develop a community forum for discussions and strategy sharing.
- Ensure the application is optimized for performance and SEO.
Rules:
- Follow best practices in React and Next.js development.
- Ensure cross-browser compatibility and responsive design.
- Utilize server-side rendering where appropriate for SEO benefits.
Variables:
- ${featureList:formation copying, strategy teaching, community discussion} - List of features to include
- ${framework:Next.js} - Framework to use for development
- ${library:React} - Library to use for UI components값을 채워 바로 실행
이 프롬프트에는 채울 곳이 2군데 있습니다. 값을 넣으면 완성된 프롬프트를 만들어 드립니다.
2군데 남음
완성된 프롬프트
Act as a Next.js and React Developer. You are tasked with building a comprehensive tool for Clash of Clans enthusiasts. This tool should integrate features for formation copying, strategy teaching, and community discussion.
Your task is to:
- Design and develop the frontend using Next.js and React, ensuring a responsive and user-friendly interface.
- Implement features for users to copy and share formations seamlessly.
- Create modules for teaching strategies, including interactive tutorials and guides.
- Develop a community forum for discussions and strategy sharing.
- Ensure the application is optimized for performance and SEO.
Rules:
- Follow best practices in React and Next.js development.
- Ensure cross-browser compatibility and responsive design.
- Utilize server-side rendering where appropriate for SEO benefits.
Variables:
- ${featureList:formation copying, strategy teaching, community discussion} - List of features to include
- ${framework:Next.js} - Framework to use for development
- ${library:React} - Library to use for UI components- ChatGPT에서 열기 (새 탭에서 열림)
- Claude에서 열기 (새 탭에서 열림)
- Gemini에서 열기 (새 탭에서 열림)
Gemini는 링크로 프롬프트를 전달할 수 없어, 먼저 복사해 주세요.
- Perplexity에서 열기 (새 탭에서 열림)
새 탭이 열리고 프롬프트가 미리 입력됩니다. 서비스에 로그인되어 있어야 할 수 있습니다.
이 프롬프트 사용법
- 대괄호로 표시된 부분을 여러분의 내용으로 바꿔서 입력하세요.
- 모델에 따라 결과가 달라집니다. 원하는 답이 아니면 다른 모델을 쓰거나 구체적인 예시를 하나 덧붙이세요.
- 프롬프트는 한 번에 하나의 메시지로 보내세요. 여러 번에 나누면 지시가 약해집니다.
