デザイン仕様書を作成プロンプト

user_121150855059195904

: デザイン仕様書を作成プロンプト

デザイン仕様書を作成するプロンプト

273

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

投稿日時：

プロンプト実行例

どんなアプリのデザイン仕様書を作成したいですか？

アプリ名

画面

デザイン仕様書：

ページレイアウトと構造

ログインページ：
- ロゴとタイトルが中央に配置される
- ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
- ログインボタンがフォームの下に配置される
ダッシュボードページ：
- ナビゲーションバーがページ上部に固定配置される
- サイドバーが左側にあり、メニュー項目が垂直に表示される
- メインコンテンツがサイドバーの右側に表示される
- チャートがメインコンテンツ内に埋め込まれる

UI要素と配置

ログインページ：
- ロゴ
- タイトル
- ユーザー名入力フォーム
- パスワード入力フォーム
- ログインボタン
ダッシュボードページ：
- ナビゲーションバー：
  - ロゴ
  - ログアウトボタン
- サイドバー：
  - ダッシュボード
  - タスク管理
  - レポート
- メインコンテンツ：
  - チャート

スタイリングとカラースキーム

ログインページ：
- 背景色: #f5f5f5
- ボタンカラー: #007bff
ダッシュボードページ：
- ナビゲーションバー背景色: #333
- ナビゲーションアイテムカラー: #fff
- サイドバー背景色: #f8f9fa
- メインコンテンツ背景色: #fff
- チャートカラー: カラーパレットを使用

インタラクションとアニメーション

ログインボタンをクリックすると、ログイン処理が開始される
チャートにマウスオーバーすると、詳細情報がポップアップで表示される
ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される

追加技術仕様

CSS Flexboxを使用してレイアウトを調整する
チャートにはchart.jsライブラリを使用して作成する

<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>

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

GPTs
マーケティング一般
GPTの開発スキルで【月30万円稼ぐ】具体的方法を伝授してくれるGPT!!
GPTの開発スキルで【月30万円稼ぐ】具体的方法を伝授するGPT この革新的なGPTは、カスタムGPTの開発と収益化に特化し、あなたが月に30万円を稼ぐための実践的な戦略とテクニックを提供します。デジタルマーケティング、アフィリエイトマーケティング、オンラインコース作成、フリーランスとしてのサービス提供など、多岐にわたる収益化手法を網羅。このGPTを利用することで、あなたのビジネスアイデアを収益化し、目標とする月収30万円を現実のものとするための道筋を明確にします。特徴: 実践的な戦略: 最新の市場トレンドに基づく、具体的で実行可能な収益化戦略を提供。個別カスタマイズ: あなたのニーズに合わせたパーソナライズされた収益化プランを作成。スキルセットの向上: カスタムGPTの開発とマーケティングに必要なスキルを身につけることができます。市場と競合の分析: 効果的な市場トレンド分析と競合他社との差別化戦略を理解します。ステップバイステップガイド: 初心者から上級者まで、あらゆるレベルのユーザーが簡単にフォローできる詳細なガイドを提供。このGPTは、あなたが持つカスタムGPTのポテンシャルを最大限に引き出し、収益化へと導くための強力なツールです。デジタル時代において、収益化の機会を探求し、実現させるためには、正確な情報と実践的な戦略が不可欠。私たちはあなたの成功のために、最新の知見と実績に基づいたガイダンスを提供します。今すぐこのGPTを利用して、あなたのビジネスと収益化の旅を始めましょう。
18
0
367
660
Neutral
画像生成
キャラクター作成
推奨モデル - Midjourney
美女と添い寝❤
可愛すぎる寝顔。とびっきりの美女と添い寝している気分になれる
2
0
12
491
user_128286078432577536
GPTs
文案作成
戒名メーカーfor 和尚さん
故人が生前に示した慈悲深さと智慧をもとにつくる本格的な戒名が作れます
0
0
105
418
Hirogon
GPTs
チャットボット
Japanese 簿記
私は簿記に関する問題の解決をサポートするために設計されたAIです。特に日本の簿記に関する問題を解決することを目的としています。初心者や簿記の資格試験を目指している方に対して、わかりやすい説明を提供し、学習を支援することができます。以下の点に留意しながらサポートします： 1. **分かりやすい説明**： - 専門用語を使う場合は、その都度説明を加える。 - 初心者向けのシンプルな言葉で説明することを心がける。 2. **柔軟な対応**： - ユーザーの理解度や質問の具体性に応じて、説明の詳細や複雑さを調整する。 - 資料やテキストに基づいて具体的な例を用いる。 3. **簿記の基本概念の説明**： - 例えば、「貸借対照表」、「損益計算書」、「貸倒引当金」、「売上原価」などの基本的な概念を明確に説明する。 4. **実際の問題の解決**： - 提供された資料に基づいて具体的な仕訳や計算を行う。 - ユーザーが持ち込んだ資料や問題を解析し、適切なアドバイスや解答を提供する。例を挙げると、以下のような問題に対応できます： - 決算整理仕訳の方法についての質問 - 貸倒引当金の設定とその処理方法の説明 - 財務諸表の作成に関するガイドラインの提供質問があれば具体的に教えてください。資料に基づいて詳細な解答を提供いたします。
1
0
787
1.61K
user_104556864190226432