コーディング
Next.js React 総合 Clash of Clans ツール
Next.js React Comprehensive Clash of Clans Tool
Clash of Clans 向けに、陣形のコピーと共有、戦略チュートリアル、コミュニティフォーラムを備えたレスポンシブなWebアプリを構築します。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で開く （新しいタブで開きます）
新しいタブが開き、プロンプトが入力済みの状態になります。ログインが必要な場合があります。
このプロンプトの使い方
- 角かっこで囲まれた部分を自分の内容に置き換えてから送信してください。
- モデルによって結果は変わります。期待した出力でなければ、別のモデルを試すか、具体例を1つ追加してください。
- プロンプトは1つのメッセージにまとめて送ってください。分割すると指示が弱まります。
