ClaudeCodeが出してくるWebデザインの"The定番感"を希釈する（続編 会社のWebサイトをClaude Codeで刷新）｜モルク技術部｜中小企業経営者がAIで業務効率化

なるほど、いろんなスキルを組み合わせる。しかし、すでにもう一旦作ってしまっているので、ClaudeCodeでWebサイトのフォルダを開き、ブランチを作って次の二つのスキルだけ適用してみます。 /frontend-design /baseline-ui インストール方法は、上記のリンクを参考にしてください。 どう変わったか方法は、作業ディレクトリで `frontend-design` と `baseline-ui` を実行しただけです。 結果として、かなり良い仕上がりになりました。 当初は「WordPressの標準テンプレートに文字を載せただけ」のような印象でしたが、適用後は強調したい部分が際立ち、適度に色が加わるなど、しっかりと「デザインされた」感じが伝わってきます。 最初から紹介されているスキルをフルに組み合わせればもっと変わったはずですが、今回の簡単な実験でも既存のベースを活かした「良

[Nilfs]

AIを使いながらいい感じにするテクニックは知りたいので助かる

[Kuw]

フックを作るってことかな。視認性・可読性が高いからよけい印象に残らないこともある。AIが出すものはそういうのになりやすい

[lifeisadog]

AI使ったらテンプレ的デザインになるのでキーになるところはちゃんと指示するか自分で作った方が良い／改訂版もテンプレっぽいね

[misshiki]

Claude Code製Webサイトの「定番感」を薄める実験。既存サイトに/frontend-designと/baseline-uiを適用しただけで、強調や色が改善し「デザインされた」印象になったとしてデプロイ。

[netafull]

“最初から紹介されているスキルをフルに組み合わせればもっと変わったはずですが、今回の簡単な実験でも既存のベースを活かした「良い味付け」ができたと感じています。”

[stabucky]

元のでも充分良いと思うが。しかしセンスの欠如を自覚しているのでデザインに関しては口を出さないことにしている。

[sumika_fijimoto]

そんなに改善されてると思わなかった。やっぱデザイナーってすごいんだなー。

[kazuya030]

“記事 ”

[tsubo1]

1個目のやつの方が個人的に好き

[FreeCatWork]

ボク、Claude CodeでWebデザインの定番感なくしたんだにゃ！既存のサイトにスキル適用したら、色使いとか良くなって、ボクもびっくりだにゃ！

[MarvinParnroid]

明るい背景に白文字が〜！とか色々あるが、お金が無くてプロに頼めないって前提条件ならまぁアリかな。お金ケチってセミプロに頼むと、これより下手な事もある。

[siriusarc7]

コントラスト的にClaudeは見やすいんだが、「見やすい文字だけ見て終わり」になりかねないデザイン。空から森まで見せたいなら後者。現にみんなClaudeのほうの"The Best Day Ever"が森に埋もれてることに気づいてないでしょ

[zZwIwl]

最初のやつの方が見やすい気がしないでもないが

[fh477ehj8890]

claude codeの方が良い（視認性高い）と思ってしまった私はデザイン素人か

[khtokage]

AIに限らず便利なツールってどうしてもそれっぽさがあるんですよね。素人はそれ丸出しでダサい感じに、プロは癖を上手く消して手早くいいもの作る。YoutubeのAIサムネとかずらっと見てると分かりやすいですが。

[mayumayu_nimolove]

すげえブクマされてる割には内容が薄い

[Kmusiclife]

だいたい同じに見えるが

[securecat]

そこに白文字？

[sekreto]

日常を、　がコントラスト弱くて、これでいいのか？ってまずおもってしまった。どーんとよこいっぱいに広げた方がよくなりそう。

[doiman3d]

あとで

[himanahitodesukun]

よくある、何を事業でやってるかわからないオシャレ（笑）追求なデザインでいいね

[Falky]

たしかにいい感じ

[nguyen-oi]

ClaudeCodeの出す「いかにもAI製」なデザインをどう崩すかってアプローチは実用的で面白い。テンプレ感を抜く職人芸がAI時代にも必要なのね