Appearance
チートシート
AIへの指示テンプレート集です。コピペして使ってください。
プロジェクト作成
Next.jsプロジェクト
Next.jsで[アプリ名]を作って。
機能：
- [機能1]
- [機能2]
- [機能3]
デザインはシンプルでモダンに。自己紹介ページ
Next.jsで自己紹介ページを作って。
内容：
- 名前：[名前]
- 自己紹介：[自己紹介]
- 趣味：[趣味]
シンプルでおしゃれなデザインにして。開発サーバー
起動
開発サーバーを起動して再起動
開発サーバーを再起動して機能追加
基本
[機能]を追加して。
要件：
- [要件1]
- [要件2]CRUD（作成・読取・更新・削除）
[データ]のCRUD機能を作って。
- 一覧表示
- 新規追加
- 編集
- 削除検索
リストに検索機能を追加して。
入力に応じてリアルタイムでフィルタリング。並び替え
リストに並び替え機能を追加して。
日付の新しい順/古い順で切り替え。データベース
Vercel Postgres接続
Vercel Postgresに接続する設定をして。
@vercel/postgres パッケージを使って。テーブル作成
[テーブル名]テーブルを作成して。
カラム：
- id: 自動採番
- [カラム名]: [型]
- created_at: 作成日時API作成
[データ]のCRUD APIを作成して。
エンドポイント：
- GET /api/[データ] - 全件取得
- POST /api/[データ] - 新規作成
- PUT /api/[データ]/[id] - 更新
- DELETE /api/[データ]/[id] - 削除デザイン
色変更
メインカラーを[色コード]に変更して。レイアウト
[要素]を中央寄せにして、幅を[数値]pxに制限して。UI改善
/ui-ux-pro-max このアプリのUIを改善してダークモード
ダークモードにして。
背景は #1F2937、テキストは #F9FAFB。Git / GitHub
GitHubにpush
このプロジェクトをGitHubにpushして。
リポジトリ名は [リポジトリ名] にして。変更をコミット
今の変更をコミットして。
メッセージは「[メッセージ]」で。デプロイ
Vercelデプロイ
このプロジェクトをVercelにデプロイして。ビルドエラー修正
Vercelのビルドエラーを確認して修正して。
エラーメッセージ：
[エラーメッセージ]トラブル対応
エラー修正
以下のエラーを修正して：
[エラーメッセージ]意図と違う
これじゃなくて、[具体的に違う点]を修正して。
期待：[期待していたこと]
実際：[実際の結果]別の方法
別のアプローチで試して。
今までの方法：[やった方法]
問題：[何がうまくいかないか]状況整理
現在の状況を整理して。
何が問題で、どう解決すべきか教えて。質問
コードの説明
このファイルの内容を説明して。やり方を聞く
[やりたいこと]を実現したい。
どうすればいいか教えて。ドキュメント
[機能名]の公式ドキュメントのURLを教えて。コツ
- 具体的に指示する
- 一度に一つずつ
- 結果を確認してから次へ