スモビジ開発ラボ's banner

スモビジ開発ラボ

@yoshio_nocode • 17,499 subscribers

AI基盤で事業を創る方法を研究。その過程で生まれた、現場の業務で役立つ最新・最適のAI活用法を発信していきます

Shorts

Claude Fable 5が凄すぎる。Image2で生成したLP画像をNext.jsで再現させたら一致度が圧倒的だった。 GPT5.5よりも全然一致度が高いし、マーケ戦略脳&文章力も強いので、 LP制作はClaude Codeを基盤にしつつ、画像生成だけClaude CodeからCodexを呼び出すのが良さそう。試したい人は以下のプロンプトがお勧めです↓ /goal 添付画像のLPをNext.jsで実装。再現度95%以上になるまで。画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。 - アイコンや画像はなるべく元の画像と一致させること。元画像から該当部分をクロップして参考画像としてimage_genに渡しつつ生成する（codex exec は -i で参照画像を渡し、プロンプトは標準入力で渡す） - レスポンシブ対応すること。375〜1440pxの各幅で検証し、横スクロールがないだけでなく、要素の重なり・見切れもないこと（固定幅カードは w-full max-w-[Npx]、絶対配置レイアウトは広い幅のみで発動） - Playwrightでスクショ→元画像と比較→修正のループを回し、 npm run build が通ったら完了

Claude Fable 5が凄すぎる。Image2で生成したLP画像をNext.jsで再現させたら一致度が圧倒的だった。 GPT5.5よりも全然一致度が高いし、マーケ戦略脳&文章力も強いので、 LP制作はClaude Codeを基盤にしつつ、画像生成だけClaude CodeからCodexを呼び出すのが良さそう。試したい人は以下のプロンプトがお勧めです↓ /goal 添付画像のLPをNext.jsで実装。再現度95%以上になるまで。画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。 - アイコンや画像はなるべく元の画像と一致させること。元画像から該当部分をクロップして参考画像としてimage_genに渡しつつ生成する（codex exec は -i で参照画像を渡し、プロンプトは標準入力で渡す） - レスポンシブ対応すること。375〜1440pxの各幅で検証し、横スクロールがないだけでなく、要素の重なり・見切れもないこと（固定幅カードは w-full max-w-[Npx]、絶対配置レイアウトは広い幅のみで発動） - Playwrightでスクショ→元画像と比較→修正のループを回し、 npm run build が通ったら完了

361,140 görüntüleme

Antigravityで最強の社長5人の『AI Executive Pipeline』を実装したら経営の必須ツールになった。孫正義に未来を描かせ、ピーター・ティールに戦略を定義させ、スティーブ・ジョブズに体験を磨かせ、ジェフ・ベゾスに実行とスケールを任せ、ウォーレン・バフェットに最終判断させる。 Antigravityで彼らの思考をSkillとして実装し、 Workflowで直列実行。凡庸だった「自分の好きな絵本を作れるAIサービス」というアイデアの種が、『親の声×天井投影。寝言ひとつで物語が変化する、没入型AI読み聞かせデバイス』へと進化した。最強の経営ボードは雇うのではなく「実装する」時代。

Antigravityで最強の社長5人の『AI Executive Pipeline』を実装したら経営の必須ツールになった。孫正義に未来を描かせ、ピーター・ティールに戦略を定義させ、スティーブ・ジョブズに体験を磨かせ、ジェフ・ベゾスに実行とスケールを任せ、ウォーレン・バフェットに最終判断させる。 Antigravityで彼らの思考をSkillとして実装し、 Workflowで直列実行。凡庸だった「自分の好きな絵本を作れるAIサービス」というアイデアの種が、『親の声×天井投影。寝言ひとつで物語が変化する、没入型AI読み聞かせデバイス』へと進化した。最強の経営ボードは雇うのではなく「実装する」時代。

198,999 görüntüleme

AntigravityでGASを一撃で生成・デプロイするSkillを作ったらコピペ不要で全自動化できた。 Skillに全知識を叩き込み、プロ品質のコードを自動生成させて、 Google公式CLIツール『clasp』を裏側で自律的に叩き、スプシの新規作成からGASコードの流し込み&実行まで全自動。スプシを開く必要もコピペも必要なし。全ての業務自動化を可能にするGAS構築フローの完成。

AntigravityでGASを一撃で生成・デプロイするSkillを作ったらコピペ不要で全自動化できた。 Skillに全知識を叩き込み、プロ品質のコードを自動生成させて、 Google公式CLIツール『clasp』を裏側で自律的に叩き、スプシの新規作成からGASコードの流し込み&実行まで全自動。スプシを開く必要もコピペも必要なし。全ての業務自動化を可能にするGAS構築フローの完成。

75,039 görüntüleme

Antigravityで"日本特化型"のfronted-designスキルを作ったら実用性が高すぎた。 AIらしさ&海外っぽさを排除し、海外サイトに慣れてない人にも親しみやすいデザインが簡単に作れるようになる。強い人が作った汎用スキルを元に、特化型のスキルを作ると品質が高くなるのでお勧め。

Antigravityで"日本特化型"のfronted-designスキルを作ったら実用性が高すぎた。 AIらしさ&海外っぽさを排除し、海外サイトに慣れてない人にも親しみやすいデザインが簡単に作れるようになる。強い人が作った汎用スキルを元に、特化型のスキルを作ると品質が高くなるのでお勧め。

41,702 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

今、AIで最高品質のLPを作る流れがこれ。 ➊Claude Designでワイヤー作成 ↓ ❷Codexでデザイン画像を作成（image2） ↓ ❸Codexで画像を忠実にコーディング（GPT5.5）最後の指示を出す際に、以下を加えると再現度がグッと上がる『画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。出力後、サブエージェントで類似度を検証し、95%未満のセクションに関しては修正を行う。』

今、AIで最高品質のLPを作る流れがこれ。 ➊Claude Designでワイヤー作成 ↓ ❷Codexでデザイン画像を作成（image2） ↓ ❸Codexで画像を忠実にコーディング（GPT5.5）最後の指示を出す際に、以下を加えると再現度がグッと上がる『画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。出力後、サブエージェントで類似度を検証し、95%未満のセクションに関しては修正を行う。』

スモビジ開発ラボ

478,412 görüntüleme • 2 ay önce

Claude Fable 5で、LPをノーコードStudio風に調整できるSkill作ったら、体験が最高だった。細かい文字変更や余白の調整は、 AIにダラダラ説明するより手で修正したいことが多い AI×ノーコードが最強。スライド資料版も作ろう

Claude Fable 5で、LPをノーコードStudio風に調整できるSkill作ったら、体験が最高だった。細かい文字変更や余白の調整は、 AIにダラダラ説明するより手で修正したいことが多い AI×ノーコードが最強。スライド資料版も作ろう

スモビジ開発ラボ

178,668 görüntüleme • 1 ay önce

Claude Codeユーザー必見。真似したいデザインのサイトURLを渡すだけで、自動でDESIGN.mdを生成してくれる『Aura』が有能すぎる。動画はCursorのサイトデザインを再現する様子。非デザイナーにとってはありがたい。

Claude Codeユーザー必見。真似したいデザインのサイトURLを渡すだけで、自動でDESIGN.mdを生成してくれる『Aura』が有能すぎる。動画はCursorのサイトデザインを再現する様子。非デザイナーにとってはありがたい。

スモビジ開発ラボ

203,549 görüntüleme • 3 ay önce

Codexで最強の社長を召喚する『AI Executive Pipeline』を実装したら経営の必須ツールになった。事業アイデアを入れると、孫正義AIが「市場の大きさ」を見て、ジョブズAIが「顧客体験」を削り、ベゾスAIが「スケール設計」を詰め、バフェットAIが「儲かる構造」を確認し、ピーター・ティールAIが「独占できる一点」を探す。アプリの裏側でCodexがサブエージェント起動し議論生成を行い、そのまま企画書生成やLPの生成まで全自動。完全バイブコーディングでここまで作れるの凄すぎる

Codexで最強の社長を召喚する『AI Executive Pipeline』を実装したら経営の必須ツールになった。事業アイデアを入れると、孫正義AIが「市場の大きさ」を見て、ジョブズAIが「顧客体験」を削り、ベゾスAIが「スケール設計」を詰め、バフェットAIが「儲かる構造」を確認し、ピーター・ティールAIが「独占できる一点」を探す。アプリの裏側でCodexがサブエージェント起動し議論生成を行い、そのまま企画書生成やLPの生成まで全自動。完全バイブコーディングでここまで作れるの凄すぎる

スモビジ開発ラボ

79,068 görüntüleme • 1 ay önce

日本では話題になってないけど、 Claude CodeやCodexを大量に並列で回すなら『dmux』がお勧め。ターミナル複数立ち上げや、 tmuxだけで並列させてると、・共通ファイルが同時上書き・直したはずのコードが消えるということが起きがち。 dmuxなら難しいこと考えなくても、git worktree + branch を自動で完全隔離してくれて、衝突が起きてもAIが自動で解決してくれる。 CC、Codex、Opus、Composerなど任意のエージェントを簡単に切り替え、A/Bテストできるのも便利。安心してAI並列回したい人にはお勧め。

日本では話題になってないけど、 Claude CodeやCodexを大量に並列で回すなら『dmux』がお勧め。ターミナル複数立ち上げや、 tmuxだけで並列させてると、・共通ファイルが同時上書き・直したはずのコードが消えるということが起きがち。 dmuxなら難しいこと考えなくても、git worktree + branch を自動で完全隔離してくれて、衝突が起きてもAIが自動で解決してくれる。 CC、Codex、Opus、Composerなど任意のエージェントを簡単に切り替え、A/Bテストできるのも便利。安心してAI並列回したい人にはお勧め。

スモビジ開発ラボ

86,094 görüntüleme • 3 ay önce

【速報】ノーコードBubbleのネイティブアプリ開発機能のβ版がついに一般公開される。・Claude 3.7 Sonnet搭載のAI機能で初期開発・ノーコードで直感的に編集&改善・ワンクリックでApp Storeにリリース可能 AI×ノーコードで本格的に開発市場を獲りにきましたね。もう誰もBubbleを止められない。

【速報】ノーコードBubbleのネイティブアプリ開発機能のβ版がついに一般公開される。・Claude 3.7 Sonnet搭載のAI機能で初期開発・ノーコードで直感的に編集&改善・ワンクリックでApp Storeにリリース可能 AI×ノーコードで本格的に開発市場を獲りにきましたね。もう誰もBubbleを止められない。

スモビジ開発ラボ

73,145 görüntüleme • 1 yıl önce

【朗報】ノーコードBubble AIの進化が止まらない。最近、AI機能が強化されたらしく、「エンジニア向けの求人サイト作って」と指示してみたら、一発でこのクオリティ。ちゃんと求人登録、応募からDBへの反映まで実装できてます。・イケてるUI、ロジックの自動生成・DB、サーバーなども準備済み・ワンクリックでデプロイ動画のサイトはロゴだけ編集しましたが、ノーコードで超楽。 Bubble AIがスモビジ開発の最適解ですね。 Bubble #BubbleAI

【朗報】ノーコードBubble AIの進化が止まらない。最近、AI機能が強化されたらしく、「エンジニア向けの求人サイト作って」と指示してみたら、一発でこのクオリティ。ちゃんと求人登録、応募からDBへの反映まで実装できてます。・イケてるUI、ロジックの自動生成・DB、サーバーなども準備済み・ワンクリックでデプロイ動画のサイトはロゴだけ編集しましたが、ノーコードで超楽。 Bubble AIがスモビジ開発の最適解ですね。 Bubble #BubbleAI

スモビジ開発ラボ

75,568 görüntüleme • 1 yıl önce

Claude 3.7 sonnet搭載のAIエディタ『Windsurf』で、 Trello風のタスク管理アプリを5分で作れた。非エンジニアが詰まりがちな開発環境の用意も、 Windsurfが自動でやってくれるのが強い。 Claude上で試行錯誤するよりは、脳死でWindsurf使った方がいいかもです。

Claude 3.7 sonnet搭載のAIエディタ『Windsurf』で、 Trello風のタスク管理アプリを5分で作れた。非エンジニアが詰まりがちな開発環境の用意も、 Windsurfが自動でやってくれるのが強い。 Claude上で試行錯誤するよりは、脳死でWindsurf使った方がいいかもです。

スモビジ開発ラボ

49,925 görüntüleme • 1 yıl önce

Daha fazla içerik yok.