ホームページ作成GPTs

: ホームページ作成GPTs

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

104

1.43K

475

…がお気に入り登録しました。

投稿日時：

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を開く

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

画像生成
キャラクター作成
棒人間イラスト
棒人間を描くイラスト生成AIです。
3
0
26
572
syuoooooo
GPTs
要約
【取材ライター必携】インタビュー原稿をラクに編集できるGPTs
オンラインインタビューの取材原稿をアップするだけで、生の情報を加工しすぎずに人間味のある魅力的な原稿として編集できます。mp3音声データからの文字起こしもできますが、インタビューメモなどを渡すことを推奨します。　#インタビュー　#取材　#ライター
3
0
61
162
PlusCV inc.
資料作成
推奨モデル - GPT-4o
かんたん！プレゼン構成一発作成！
📢 あなたのアイデアが最高の舞台に✨ 💡「伝えたいことはあるけど、どう構成すればいいかわからない…」そんな悩みを抱えたあなたへ、魔法のような解決策がここにあります！このプロンプトは、アイデアの断片を美しいプレゼンに変える、まるで専属プレゼンデザイナーのような存在🎨。伝えたいことを簡単に入力するだけで、魅力的で説得力のあるプレゼン構成が一瞬で完成します！ 🔥 ポイントはココ！ 🔥 ✅ 誰でも簡単！複雑な作業は一切不要。 ✅ プロ級の仕上がり！ビジネスシーンでも使える本格構成。 ✅ 圧倒的なスピード！数分で作成完了⏱️。 🌟 どんなシーンにも対応！ 📊 ビジネス会議で説得力のある提案を。 🎓 学術発表で自信を持って知識を共有。 🗣️ イベントで聞き手の心をつかむストーリーを。さあ、今すぐあなたのアイデアに命を吹き込みませんか？🌈 このプロンプトで、感動と説得力のプレゼンを作り上げましょう！ 🚀 準備は整いましたか？それでは、あなたのアイデアをカタチにする旅へ出発です！ 🎯✨
4
0
45
173
VEP
文案作成
転職エージェント向け候補者推薦状作成ガイド（プロンプ
【転職エージェント向け】AI活用！推薦状作成プロンプト - 時短と質を両立 - 多忙な転職エージェントの皆様へ。推薦状作成をもっと速く、もっと効果的にしませんか？このプロンプトをAI（文章生成AI）に入力し、候補者情報を加えるだけで、企業に響く推薦状の骨子が数分で完成。推薦業務の効率と質を飛躍的に向上させます。主なメリット：圧倒的な時短: 推薦状作成にかかる時間を大幅に削減します。質の高い推薦: 候補者の強みと企業の求める人物像を的確に結びつけ、説得力のある推薦状を作成します。簡単な使い方：候補者の情報や推薦ポイントを入力。 AIが推薦状の骨子を生成。あとは微調整して完成です！推薦業務の効率化と成約率アップに、ぜひこの「候補者推薦状作成プロンプト」をお試しください！
0
0
2
16
user_92097720314336256

コメント 0

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