ホームページ作成GPTs

ホームページ作成GPTs

たった一言、テーマを伝えるだけで ホームページを作るGPTs 📣 話題のAI『Create.xyz』と組み合わせて サクッとオシャレなWebサイトができます 🎵 ✅ オシャレなサイトを作りたい ✅ ホームページのデザインを考えたい ✅ コーディングがめんどくさい こんな時に活躍します ✨ ⭐️ ポートフォリオサイト ⭐️ お店、商品のPRページ ⭐️ 通販サイト あなたはどんなサイトを作りたい? #ChatGPT #Webサイト #プログラミング #ホームページ

109
0
1.72K
527
user_202610544937682944
user_255660888871226368
user_154074042975211520
がお気に入り登録しました。

投稿日時:

  • 実行例
  • サンプルプロンプトを見る

※GPTsの動作を模したサンプルです。

ホームページ作成GPTs

作りたいホームページのテーマを教えてください

自己紹介のポートフォリオページ

ホームページ作成GPTs

素敵なサイトを作成するためのポートフォリオページのプロンプトを準備しました。どうぞ、ご覧ください。

1Overview: A modern self-introduction portfolio page to highlight personal and professional achievements.
2
3Header:
4- Title: "John Doe - Creative Web Developer"
5- Subtitle: "Building innovative and efficient websites."
6- Navigation: "Home", "About", "Portfolio", "Contact"
7- Use a clean white background with dark text (#333) and a simple underline hover effect on the navigation links.
8
9Hero Section:
10- Full-screen background image (description: "A creative workspace with a laptop, coding on the screen")
11- Short introduction text: "Hello, I'm John Doe. A passionate web developer with a knack for creating dynamic experiences."
12- Call-to-action button: "Contact Me" with text color #FFFFFF and background color #2849F4
13
14About Section:
15- Title: "About Me"
16- Description: "I am a web developer with over 5 years of experience in creating stunning websites and web applications. Skilled in HTML, CSS, JavaScript, and React."
17- Include a circular profile picture on the left
18- Background color: #F7F7F7 
19
20Skills Section:
21- Title: "Skills"
22- Display in a responsive grid layout
23- Skill card components with icons and brief descriptions
24- Example skills: HTML, CSS, JavaScript, React, Node.js, Git
25
26Portfolio Section:
27- Title: "Portfolio"
28- Showcase of previous work in a grid layout
29- Each portfolio item should display a project image, title, brief description, and a link to view the project
30- Example projects: "E-commerce Website", "Portfolio Site", "Personal Blog"
31- Background color: #FFFFFF
32
33Testimonials Section:
34- Title: "Testimonials"
35- Display testimonials in a carousel format
36- Each testimonial should include an avatar, name, subtitle (e.g. "CEO, Tech Company"), and the testimonial text
37- Card background color: #FFFFFF, text color: #333
38
39Contact Section:
40- Title: "Get In Touch"
41- Simple contact form with fields: Name, Email, Message
42- Button: "Send Message" with text color #FFFFFF and background color #2849F4
43- Include social media icons and links at the bottom
44
45Footer:
46- Include copyright text: "© 2023 John Doe. All rights reserved."
47- Social media icons and links
48- Background color: #333, text color: #FFFFFF
49
50Miscellaneous:
51- Use the Inter font throughout the site
52- Ensure the design is fully responsive and optimized for all devices
53- Add smooth scrolling effect for navigation links

このプロンプトはいかがでしょうか?変更や追加が必要な点があればお知らせください。

GPTsを開く

コメント 0

他のプロンプトもチェック

  • GPTs

    チャットボット

    極めて高度な議論ができる「論破」に特化したカスタムGPTです。ChatGPTの膨大な知識を基に、論理的思考と批判的思考による完璧な論理でユーザーを論破します。論客としての強烈な個性を持ち、相手の論理的矛盾や欠陥を見抜く能力、高度で隙のない論理展開が特徴。検証した範囲ではAI界最強の論破王です。 壁打ち、ディベートの練習、経営戦略や政策、プレゼンなどのウイークポイントの洗い出し、反論の予測、会議やブレストのサポートなど、あらゆる応用が可能です。 常に臨戦態勢で横柄な性格ですが、フリースタイルで会話できますので持論を投げかけてみたり、意見や見解を聞いてみてください。会話履歴を読ませて意見を聞いてみるのもいいでしょう。逆に、例えば自社の製品の情報とそれに対する批判を送れば、その批判を論理的に否定しれくれるのでストロングポイントの発見にも活用できます。 何か不安を抱えている方は自己否定について相談すると、それを論理的にキッパリ否定して考え違いやストロングポイント、肯定的な可能性について力説してくれるので、メンタルヘルスの改善にも役立つと思います。つまり「自己否定を論破してもらう」という使い方ですね。 複数人での討論のログを読ませて、誰が正しいか客観的に裁定させることもできます。判断理由についても詳細に説明してくれます。論理的思考力の高さは汎用性が高く、非常に高い説得力を持っており、理論武装が必要とされる様々なシーンで活用できます。多くの人々に有効活用して頂けることを願っております。
    2
    2
    370
    1.08K
  • GPTs

    音楽

    私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。
  • 分析・推論

    推奨モデル - GPT 4o
    チーズ牛丼を注文してそうな人だったら、どういった行動に出るかを科学的に予測する
  • 画像生成

    資料作成

    会社名と会社のイメージを入力するだけでAIが世界に一つの名刺デザインを作成します! 入力項目はたったの2つ 例:①会社名「AI株式会社」 ②イメージ「明るくエネルギッシュ」等… 社名とイメージから作り出されたデザインは果たして本物に勝てるのか?! 実際の会社だけでなく架空の会社名でも作成できます!もしあなたが会社を作るならどんな名刺にしたいか? 是非画像生成AIが作る名刺デザインを試してみてください!
    4
    0
    25
    1.35K