Claude Designなぜかダサい【ウミノ】


ウミノ@AI×マーケティングの専門家

Claude Designなぜかダサい

Readerさん、こんにちは!ウミノです。

わたしの公式HP、平成の香りがどことなくただよっていたので改善したいなと思ってたんです。

せっかくだからClaude Design使ってみるか〜と、重い腰をあげてトライしてみました。

リンクが見つけられなくなっちゃったんですが、ChatGPTでまずデザインの大枠を決めてからClaude Designでワイヤーフレームを作って、そのあとClaude Codeに渡すというX記事を参考にしました。

しかーし、わたしのやり方がまずかったのだと思いますが、ダサい。ダサすぎるっ!フォントもデザインもキャッチコピーも顔になんかボタン?がかかっちゃってるあたりもすべてがダサい。

Claude Codeと何度もやりとりしたんですが、なんか根本的なところがダメなんですよね。

絶望してたんですが、試しに「明鏡」の特典であるイケハヤAIにHTMLファイルを渡して改善するための命令を書いてとお願いしてみたんです。

(わたしのリンクから明鏡を買ってくださった方はご連絡いただければ、「リードマグネット15選」というUdemyコースを差し上げます)

これが大当たり。イケハヤAIはキャッチコピーやLPの改善に使えるので、こういう使い方もできるんですね。その後何度かの壁打ちも経て、だいぶ改善されました。

やり方は、

  1. HTMLファイルをClaude Codeに出力させて、イケハヤAIに「Claude Codeに渡す改善プロンプトを出して」と依頼する
  2. それをClaude Codeに貼り付けて納得いくまで改善する
  3. ウミノのHPを運用しているSysteme.ioの無料WEBサイトビルダーのRaw HTMLに貼り付けられる形にして、とClaude Codeに言って出てきたコードをSysteme.ioに貼る

だけです。3のところちょっと意味がわかりづらいかもしれませんが、そのままNetlifyとかで公開するなら気にしなくてOKです。

求ム!「Claude Designの教科書」

Claude Designって話題にはなってるんだけど、使いこなせてる人あまりいないと思うんですよね。難易度がめちゃくちゃ高い💦

たぶんFigmaとかをもともと使っていた方にはなじみがあるインターフェースなのかもしれませんが、わたしさっぱりわからなくて、5%も使いこなせていません。

まず見た目がよくわからないw

WEBデザイナーの方とか、初心者向けに「Claude Designの教科書」作ったら売れますよ。わたしも買いたい!

P.S.

あ!そうだ、「Substackの教科書」がおかげさまで2位に戻りました!

そして以前「値上げしますよ〜」ってお話しした時にお渡ししたリンクが切れてしまっていたようで申し訳ありません🙏

2000円引きリンク(値上げ前の価格2980円で買えるリンク)をおいておきますね👇

https://brain-market.com/u/taracomom/a/b3MzN2QjMgoTZsNWa0JXY?discount_code=7fae


今日はここまで。

最後まで読んでくださってありがとうございます!
今日も良い一日をお過ごしください。

ウミノ

📣質問・お悩み相談・ひとこと感想募集中!直接📩に返信してね。受講中のUdemyコースのご質問はUdemyのQ&Aからどうぞ!

過去の例:プロンプト書くのめんどくさいです / ChatGPT課金すべき? / Canvaの時短術を教えてください etc...

🛜X / YouTube / Podcast / instagram フォローしてね

📩お友だちにこのメルマガをすすめてね

ご紹介用のページはこちら

本メルマガ(3200名超)に号外広告出稿をご希望の方は直接返信でご相談ください(料金:10万円~)

AI×マーケティングで不確実性の時代をサバイブする

1日5分、サクッとAIとマーケティングを学べるメルマガです。

Read more from AI×マーケティングで不確実性の時代をサバイブする

ウミノ@AI×マーケティングの専門家 プロンプト管理どうしてる? Readerさん、こんにちは!ウミノです。 プロンプトって使ってますか?実をいうと、わたしは最近プロンプトをほとんど使っていません。 理由はシンプルで、音声入力で普通にペラペラ喋るだけで、だいたいいい感じのものが返ってくるようになったからなんですよね。 でも画像生成プロンプトはちょっと別で、ちまたで流行ってるやつとかは使いたくなるじゃないですか。 Xで流れてきたのとか、noteで配布されてたのとか、いろんなところから拾ってくるので、気づいたら「あれ、あのプロンプトどこいった?」と行方不明になってしまいます。 そこで使ってるのが、Prompt OKというChrome拡張機能です。ロボシンクの矢野さんが開発されたもので、とてもシンプルで便利なプロンプト管理ツールなんです。 使い方も拍子抜けするくらい簡単で、プロンプトを追加したら、あとはスラッシュコマンドかハッシュタグで呼び出すだけ。 たとえばスライド生成用のプロンプトをどこかから拾ってきて登録しておいて、/slide と打てば、それがパッと出てくる。...

ウミノ@AI×マーケティングの専門家 Udemy公式広告デビュー記念セール Readerさん、こんにちは!ウミノです。すみません、台風で子どもたちが休校休園で配信がずれました🙏 実はUdemy公式アカウントの広告および投稿にウミノが登場しました! 「見たよ〜」というお声もたくさんの方からいただけて照れつつも嬉しく思っております。ありがとうございます。 https://www.instagram.com/p/DYUs_PJALJC/ デビューを記念して、人気コースの「最安値」セールをしています。1,300円〜で受講できる機会です。 リンクをクリックするだけでクーポンが自動適用されます。 有効期限:6/5(金)21:00まで ■ NEWSubstack出版物ページの作り方|読者が集まるページ設計登録したくなるSubstackページを最短で作る方法。 → 「とりあえず登録しておこう」と思ってもらえるページを作る(1,300円)AI時代のMarpスライド術|マークダウンでプレゼンMarkdownを書くだけでスライド完成。スライド資産化講座。...

ウミノ@AI×マーケティングの専門家 2980円で買えるのは今週末まで Readerさん、こんにちは!ウミノです。 値上げします。 これを書いている時点で1080部ほど売れている『Substackの教科書』ですが、6月1日(月)から4980円に値上げすることにしました。 理由は、販売開始後の反応を見て、この教材の需要と価値がはっきり見えてきたこと。 そして、先日公開した『Substack出版物ページの作り方』の無料閲覧リンクを、レビュー特典として追加したことです。 こちらもBrainで販売している教材で、Substackで出版物ページを作り込むための実践的な内容になっています。 本編に加えて、レビュー特典にこの教材へのこの無料閲覧権も付いたことで、全体として提供できる価値が増えました。 そのため、6月1日(月)から4980円に値上げします。 2980円で買えるのは、これが最後のチャンスです。 2980円で手にいれる! 今日はここまで。 最後まで読んでくださってありがとうございます!今日も良い一日をお過ごしください。 ウミノ...