ポートフォリオサイトをAIで作る
作品を、見せたいかたちで見せましょう。分野や代表作、好みのテイストを説明すると、Supacodeが本物のコードでポートフォリオを作り、ライブプレビューで表示します。あとはチャットで仕上げるだけです。
このプロンプトが入力された状態で作成画面が開きます。作成前に自由に編集でき、実行前に必要なクレジットが表示されます。
作成の流れ
作品について説明する
仕事の内容と載せたい作品を伝え、画像を添付します。「ミニマル」「大胆」「雑誌風」のようにテイストも伝えましょう。
レイアウトを整える
グリッドの変更、画像の拡大、ダークモード、新しいケーススタディページなどを頼めます。気が変わったら以前のバージョンに戻せます。
共有する
公開すると、履歴書やメールの署名、SNSのプロフィールに載せられるリンクができます。
依頼できること
- 作品グリッドとケーススタディページ
- 画像ギャラリー
- プロフィール・経歴
- 連絡先とSNSリンク
- ライト・ダークの両テーマ
プロンプト例：デザイナーのポートフォリオサイト：短い自己紹介、作品のグリッド（クリックで画像付きのケーススタディを表示）、プロフィールページ、連絡先リンクを入れてください。
ギャラリーの作品例
すべて見る
よくある質問
あとから作品を追加できますか？
はい。画像と文章を添えて作品の追加を頼み、もう一度公開してください。
コードを書き出せますか？
はい。どのバージョンもzipでダウンロードできます。GitHub同期を含むプランでは、GitHubにプッシュすることもできます。
スマホでもきれいに表示されますか？
Supacodeはレスポンシブなレイアウトで作ります。スマホサイズのプレビューで確認し、気になる点があれば修正を頼んでください。