- プロンプト実行例
どんなアプリのデザイン仕様書を作成したいですか？
アプリ名
画面
デザイン仕様書：
ページレイアウトと構造
- ログインページ：
- ロゴとタイトルが中央に配置される
- ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
- ログインボタンがフォームの下に配置される
- ダッシュボードページ：
- ナビゲーションバーがページ上部に固定配置される
- サイドバーが左側にあり、メニュー項目が垂直に表示される
- メインコンテンツがサイドバーの右側に表示される
- チャートがメインコンテンツ内に埋め込まれる
UI要素と配置
- ログインページ：
- ロゴ
- タイトル
- ユーザー名入力フォーム
- パスワード入力フォーム
- ログインボタン
- ダッシュボードページ：
- ナビゲーションバー：
- ロゴ
- ログアウトボタン
- サイドバー：
- ダッシュボード
- タスク管理
- レポート
- メインコンテンツ：
- チャート
- ナビゲーションバー：
スタイリングとカラースキーム
- ログインページ：
- 背景色: #f5f5f5
- ボタンカラー: #007bff
- ダッシュボードページ：
- ナビゲーションバー背景色: #333
- ナビゲーションアイテムカラー: #fff
- サイドバー背景色: #f8f9fa
- メインコンテンツ背景色: #fff
- チャートカラー: カラーパレットを使用
インタラクションとアニメーション
- ログインボタンをクリックすると、ログイン処理が開始される
- チャートにマウスオーバーすると、詳細情報がポップアップで表示される
- ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される
追加技術仕様
- CSS Flexboxを使用してレイアウトを調整する
- チャートにはchart.jsライブラリを使用して作成する
<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>
コメント 0
他のプロンプトもチェック
物語・脚本・プロット
このプロンプトは、あなたの生年月日、出生時刻、出生地を入力することで、熟練の西洋占星術師による詳細な人生鑑定を受けられるよう設計されています。単なる一般的な運勢予測ではなく、あなたの個性、才能、潜在能力、そして人生における課題を深く掘り下げ、より充実した未来を築くための指針を提供します。 この占いはエンターテイメント目的であり、医療、法律、財務上のアドバイスの代替となるものではありません。重要な決断を下す際には、専門家の意見も参考にされることをお勧めします。 例： 「生年月日：1990年5月10日 出生時刻：14時30分 出生地：東京都渋谷区」と入力し、さらに「テーマ：転職について」と指定することで、転職に関する具体的なアドバイスを含む詳細な鑑定結果を受け取ることができます。2038355ロールプレイ
推奨モデル - GPT 4o医学科のPre CC OSCEの医療面接の練習をAIと行うことが可能です。スマホやタブレットの文字音声入力を併用すればかなり本番に近い体験ができます。 終了後にはAIによる採点＆評価、アドバイスが出力されます。 ※AIの挙動がおかしくなった際はリセットするか、ユーザーが医師役のまま強行突破すればロールプレイ可能です。 ※このロールプレイ用プロンプトはあくまで話を聞く練習用です。 病気の診断用ではありませんので、利用の際にはくれぐれもご注意ください。1026422画像生成
キャラクター作成
ファンタジーの世界をテーマにした、アニメ風のキャラクターアイコンを作成できるプロンプト。ロールプレイングゲームや小説のキャラクターとしても使えるファンタジックなデザインで、SNSやオンラインプロフィールで目立つアイコンを生成します。2016208
