#claudeartifacts

Day85_Imagine with Claude で妄想note記事ダッシュボードアプリをプロトタイピング #claude #windows1...

00:00 ClaudeDesktopのトップ画面から「Want to build from your imagination?」へ移動 00:27 初期プロンプトを入力してImagineにアプリを作ってもらう 01:00 note記事ダッシュボードがもうできた、早ッ！ 02:25 機能追加プロンプトを入力！ 03:30 機能追加完了！ 03:55 グラフの月別、週別をクリックするもグラフが表示されない 05:02 試しに新しい記事を追加してみた 06:05 グラフが表示されるように修正してもらうプロンプトを入力 08:12 最終的なnote記事ダッシュボード完成！ 動画は、Imagine with Claudeを使ってnote記事ダッシュボードをプロトタイピングするデモになります。 🚀 実践：note記事ダッシュボードを10分で作る Phase 1: Imagineでプロトタイピング 初期プロンプト ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー note記事の実績を管理するダッシュボードを作って。 【必要な機能】 ・総投稿数、連続投稿日数を表示 ・月別の投稿数グラフ ・人気記事TOP5（タイトルといいね数） ・今月の目標達成率を進捗バーで表示 ・新しい記事を追加できるフォーム データは仮のものでOKです。 モダンでカラフルなデザインにしてください。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 機能追加プロンプト ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 「目標設定したスキの数を達成した記事を薄く表示して」 「グラフを月別と週別で切り替えられるようにして」 「色をもっと鮮やかに」 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー ※音声なし ※解説なし ※Claudeがプロンプトどおりに操作しているところのみです。 10分で作った神アプリ、消えちゃった...→でも大丈夫！Imagine完全ワークフロー https://note.com/yaoyoroztech/n/n6c5fac420f44?sub_rt=share_pw 

 YaroTech note 生成AI関連の投稿しています！