AIへの指示用に、“よく使うUIパーツの名前” をまとめました！ AIでサイトやアプリを作るとき、“いい感じにして”だけでは狙い通りの見た目にならない。 「ドロワー」「アコーディオン」「トースト」と名前で頼めば、イメージ通りの部品がぐっと出やすくなります。 保存推奨です🔖

『エンプティステート』、これに名前があるのを今日知りました。『まだ届出がありません』の画面は、頼み忘れると本当に真っ白のまま出てくるので、ここだけ先に覚えます。

良かったです！ はい、これよく考慮漏れしがちなケースで、投稿0件でそのページが真っ白になったり、エラーコードが表示されたままリリースされてる本番サイトもたまに見かけます。 そういったことがないよう、リリース前の確認事項として、「各更新箇所のエンプティーステートを表示して」と指示しておけば、投稿が0件だった時どう表示するのか確認できるのでおすすめです。

UIパーツの名前を知ってるだけでも、AIへの指示がかなり具体的になりますよね！ さらに「アコーディオンは初期状態で閉じる」「同時に開けるのは1つだけ」みたいに動作まで指定したいです（名前だけだと挙動が想定とズレることも…）。 見た目だけじゃなく、どう動いてほしいかまでセットで伝えたいですね😊

これなんて言うんだろってのがよくあるので、これは助かります

これすごいです！「ドロワー」って名前まで一枚で分かるの、めちゃくちゃ助かります。