#274 AIのカードレイアウト地獄から脱出。スキルで変わったデザイン

デザイン系スキルを入れたら、ワンパターンなレイアウトから解放された

＊＊＊
📩 Antigravity完全ガイド(PDF版)
初心者から実践まで、順番に学べる保存版を無料配布
▶︎ https://chi3.substack.com/welcome
＊＊＊

こんにちは、ちーみつです。

昨日、過去に作ったサンプル集のページを
いくつか修正していました。

目的は、最近入れた
デザイン系のスキルを試してみたかったから。

※「スキルって何？」という方は、こちらの記事で詳しく解説しています。

https://note.com/chi3jp/n/nb6e4010f2254

結果、明らかな違いを感じました。

AIに頼むと、いつもカードになる

スキルを入れる前、
AIにウェブページを作ってもらうと、
どれも似たような見た目になっていました。

特に多かったのが、
カードレイアウト。

何を作っても、
四角いカードが並ぶデザインになりがちで、
「またこれか」と感じることが増えていました。

これが、私が感じていた
「AI臭さ」の正体だったのかもしれません。

スキルを入れて、同じ指示を出してみた

デザイン系のスキルを入れた後、
サンプルページの修正を依頼しました。

特別な指示は出していません。
「内容に合ったウェブサイトになるように修正して」
とだけ伝えると、レイアウトが多様になりました。

カードだけに頼らない構成が生まれ、
それぞれのページに
違った雰囲気が出るようになったのです。

色味は元のページのパレットを使っていたので、
色の変化は感じませんでしたが、
レイアウトの違いは明らかでした。

まだ試し始めたばかりだけど

まだたくさん試したわけではありません。

でも、この違いを体感してしまうと、
スキルは入れておいた方が良いと感じます。

コードの品質や構成がどう変わったのかは
正直わかりません。

ただ、コードの知識がない私でも
見た目の違いははっきりと分かりました。

それだけで、十分な価値があると思います。

最後に

AIに頼むと
どうしてもワンパターンになってしまう。

そう感じている方は、
デザイン系のスキルを試してみると
何か変わるかもしれません。

最後まで読んでいただきありがとうございます。

関連記事

🎁 Antigravity完全ガイド、PDF版を無料配布

設定、SKILLS機能、Lowモデル活用、エラー対処など
人気記事6本をまとめた保存版PDFを
メルマガ登録者限定で配布しています。

収録内容:

• 第1章: 導入編 - Antigravityとは？

• 第2章: 設定編 - まずやるべき3つのこと

• 第3章: 自動化編 - SKILLS機能

• 第4章: 実践編 - Lowモデル活用法

• 第5章: トラブル対処編 - エラー解決法

• 第6章: 応用編 - ツールの使い分け

オフラインでも読める、検索しやすい保存版です。

他にも、Chrome拡張機能5種やsrefコード集など
実用的な特典を多数用意しています。

登録無料。いつでも解除できます。

▼ 今すぐ受け取る

X : https://x.com/chi3_jp
Instagram : https://www.instagram.com/chi3jp_aiart/
私のまとめサイト : https://wks3.vercel.app/