Claude Codeプラグイン「frontend-design」は本当にAIっぽいデザインを避けることができるのか？
筆者が運営しているサイトは3つありますが、どれもフロントエンドのスタイルについては基本的にAIにまかせてコーディングを行っています。
自分で頑張ってスタイルシートを書かなくて済むのでめっちゃ便利な反面、世間でも言われている通り、どうしても「AIっぽいデザイン」に収束してしまうのが玉に瑕なんですよね。
今回はこの「AIっぽいデザイン」を回避できると噂のClaude Codeプラグイン「frontend-design」を利用して、どのようなものが出来上がるのかを確かめてみたいと思います。
まずは元の状態から
もともとのデザインはこんな感じ。ちなみに、簡易的なWEBツールを配置しているサイトになります。
https://iris-on-tools.net/
実はこのサイト、AIでデザインを行った際の特徴がふんだんに盛り込まれています。
例えば
* なんとなく紫が貴重になっている
* グラデーションが利用されている
* 絵文字が多様されている
という要素はAIに良くみられる特徴です。やったことある方には分かるはず！
frontend-des