I Made Fable 5 and Opus 4.8 Build an App (Same Prompt). — Transcript

Full transcript

1. 0:00This is my dog, Charlie, and for years,
2. 0:02he's walked the same block every single
3. 0:04day sniffing the same smells. But that
4. 0:06was before Claude's Fable Five built him
5. 0:08his own iPhone app called Charlie's
6. 0:11Sniffari, which by the way, is a real
7. 0:13game on my phone and it takes us
8. 0:15somewhere new every single day on a
9. 0:17walk. Now, I used Fable Five to build
10. 0:18this entire thing with just one prompt
11. 0:20and it turned out better than I could
12. 0:22have ever imagined. So, in this video,
13. 0:24I'm going to show you why Fable Five is
14. 0:25on a completely new level when it comes
15. 0:27to building apps. I'll show you why the
16. 0:29look of an app matters way more than you
17. 0:31think even if you're not an artist. And
18. 0:33in the end, I'm going to put this
19. 0:34head-to-head against Opus Four Coin
20. 0:35Eight so you can see the difference and
21. 0:37it's not even close. Now, unfortunately,
22. 0:40even with the shots, we almost lost
23. 0:42Charlie as a puppy to parvo. But after
24. 0:44$12,000 in emergency care and a lot of
25. 0:47sleepless, worried nights, Charlie
26. 0:50fought through the whole thing and he
27. 0:52survived. And now he's healthy and now
28. 0:54he's spoiled and he's obsessed with one
29. 0:56thing in this world and that is sniffing
30. 0:58everything he can on walks. So, I had an
31. 1:01idea. What if I could take my favorite
32. 1:03thing, which is Fable Five, and build
33. 1:05him an app that turns every walk into a
34. 1:07brand new adventure or a Sniffari, which
35. 1:10is like a safari but the whole point is
36. 1:12to find new smells and new places that
37. 1:14we've never been before. But that's just
38. 1:16what I asked for. What Fable Five
39. 1:18actually built turned out to be so much
40. 1:19better than I expected and I can't wait
41. 1:21for you to see the final result. So,
42. 1:23let's jump right in. So, to build this,
43. 1:25we need two things. First, we need Fable
44. 1:27Five. That's the model that's going to
45. 1:28write this entire app for us. And if you
46. 1:30didn't know, Anthropic says that Fable
47. 1:32Five is the most powerful model that
48. 1:34they've ever put out, which is exactly
49. 1:35the whole reason why we're building this
50. 1:37app with Fable Five. And the second
51. 1:39thing is it's all the art that goes into
52. 1:41a game like this. And that's where Higgs
53. 1:43Field comes in, who I want to thank
54. 1:45today for sponsoring this video and
55. 1:46being an amazing partner. And these are
56. 1:48the two stars of the show. There's Fable
57. 1:50Five and there's Higgs Field and
58. 1:51together, they do some really awesome
59. 1:53things. So, let's jump right in and take
60. 1:54a look at what the prompt looks like to
61. 1:56kick this thing off. Now, the prompt is
62. 1:58the most important piece here because
63. 1:59we're going to give Fable 5 just one
64. 2:00prompt and we're going to let it run all
65. 2:02the way through on its own. And for a
66. 2:04prompt like this, I don't want to write
67. 2:05it myself. You can see how long this
68. 2:07prompt actually is. So, what I do
69. 2:09instead is I have Claude write the
70. 2:10prompt for me and I do that in three
71. 2:12steps that I call the BIP method. First
72. 2:14is brain dump. I just tell Claude
73. 2:16everything that I want in the app. I'm
74. 2:17telling it about the game. I'm telling
75. 2:19it about the walking logic, the rewards,
76. 2:21the leveling up. Literally everything
77. 2:23that I can think of, I'm just putting
78. 2:24into Claude. And then I have Claude
79. 2:26interview me and ask me questions on
80. 2:27things that I hadn't thought of yet. And
81. 2:29finally, it takes all that information
82. 2:31and it creates a really big detailed
83. 2:33prompt that I can copy and paste right
84. 2:35into Fable, which is exactly what I did
85. 2:37along with a couple photos of Charlie.
86. 2:39Now, I did give Fable a lot of autonomy
87. 2:41here, but I did tell it that I wanted
88. 2:43one thing. And that is I wanted my art
89. 2:44to look like voxel art. Now, if you've
90. 2:46never heard of that term before, voxel
91. 2:48art is basically pixel art but in 3D.
92. 2:51So, everything it builds is in these
93. 2:53little blocks and I just thought it
94. 2:54would look really cool for this app. And
95. 2:56of course, I did tell it to generate all
96. 2:57of the art through Higgs Field. But for
97. 2:59everything else, I told it to be
98. 3:01creative. I gave it creative freedom. I
99. 3:03told it to surprise me because Fable 5
100. 3:05is so powerful that I don't want to be
101. 3:07the director. I want Fable 5 to be the
102. 3:09director here. And of course, if you
103. 3:10want to try this out yourself after the
104. 3:11video, the link to the prompt along with
105. 3:13my entire prompt library is completely
106. 3:15free in the description. Now, in Claude
107. 3:18code, I did run the command {slash}
108. 3:20goal. And what that's basically going to
109. 3:22do is it's going to force Fable to check
110. 3:23its own work against the prompt that I
111. 3:25created. So, it can't tell me that it's
112. 3:27completely done until everything in the
113. 3:29prompt is actually built and working.
114. 3:31And since apparently I'm trying to blow
115. 3:33through my entire weekly usage limit as
116. 3:35fast as humanly possible, I'm also going
117. 3:37to take that exact prompt and those
118. 3:39exact photos and run it in Opus 4.8 at
119. 3:42the same time in the background. And at
120. 3:43the very end, we'll put them side by
121. 3:45side and you can see which one looks
122. 3:46better. So, building an app like this is
123. 3:48actually easier than you think. There's
124. 3:50four pieces to a project that we need to
125. 3:51look at here. The first piece is the
126. 3:53idea and the prompt. Now, the good news
127. 3:55is we just did that together, so we can
128. 3:57mark that off the list. But, that prompt
129. 3:58is going to drive everything else from
130. 4:00here. The second piece of that project
131. 4:01that we need to look at is the plan.
132. 4:03Now, this is where Fable 5 really shines
133. 4:05because it's going to read the entire
134. 4:07prompt and think through every single
135. 4:09step, every single piece of the app
136. 4:11before it starts building anything.
137. 4:13Anthropic says that the more complex the
138. 4:15task, the better Fable 5 is compared to
139. 4:17any other model that's out there. That's
140. 4:19exactly why I gave it one big prompt to
141. 4:21run off of. Now, what Fable 5 can't
142. 4:23actually do is make the images or
143. 4:25animations itself. So, what it does is
144. 4:26it acts as the creative director, and
145. 4:28then it needs to hand it off to a
146. 4:29partner like Higgsfield. And that takes
147. 4:31us to the third piece of the project,
148. 4:32which is the art itself. Now, you can
149. 4:34see that Fable 5 is connecting right
150. 4:36into Higgsfield and creating these
151. 4:38images in real time. But, any image is
152. 4:40only ever as good as the prompt that it
153. 4:43was given. And that's exactly where
154. 4:44Fable 5 comes in because it writes the
155. 4:46best prompts out there. So, instead of
156. 4:47me having to micromanage it for every
157. 4:49single image that's trying to create,
158. 4:51Fable 5 is the creative director here.
159. 4:54Now, right here is Higgsfield's website,
160. 4:55and it has every leading image and video
161. 4:58and voice model that's out there, and
162. 5:00it's all in one place. And even though
163. 5:01we did all of this inside of Cloud Code,
164. 5:03I still think that this part is pretty
165. 5:05cool to show you. Now, if you go over to
166. 5:06my asset folder here, you're going to
167. 5:08see all the images and videos that Fable
168. 5:10made. Now, if we click on one, it shows
169. 5:12the exact model that was used. And also
170. 5:15shows the exact prompt that Fable wrote
171. 5:17to create it. Now, I never had to think
172. 5:19about which photo or video model to use.
173. 5:21For images, Fable and Higgsfield decided
174. 5:23to use Nano Banana. For the animations,
175. 5:26they picked Kling. And they even used
176. 5:28Sea Dance for one of the videos. Now, I
177. 5:30didn't have to tell it to do any of
178. 5:31this, it just knew what model to pick
179. 5:33automatically. Now, one thing is really
180. 5:35important to think through when you're
181. 5:36creating an app, and that is every
182. 5:38single image has to have the same look.
183. 5:40There has to be some consistency there.
184. 5:43It can't drift. And because Fable 5
185. 5:45holds the context for all of these
186. 5:47images throughout the whole process.
187. 5:49Every image looks like it came from the
188. 5:50same place. Now, the good news here is
189. 5:52that I don't have to download any of
190. 5:53these images from Higgsfield's website.
191. 5:55Since we're using Cloud Code with the
192. 5:56Higgsfield connector, all of the files
193. 5:58are just being saved straight to my
194. 6:00computer. Now, take a look at the files
195. 6:01over here on the top right. You can see
196. 6:03that every single image that has been
197. 6:04created is being downloaded to my
198. 6:06computer as well. Now, hey, really
199. 6:07quick, if you're enjoying this, please
200. 6:09do me a favor and hit subscribe and like
201. 6:11this video. It really helps out the
202. 6:12channel and of course, I appreciate it.
203. 6:14But, okay, on to piece number four,
204. 6:16which is the app itself. All right,
205. 6:18we'll take a look at this. So, Cloud
206. 6:19Code has built the entire app and it has
207. 6:22opened up a iPhone 17 simulator right
208. 6:25here in Xcode. Now, if you've never
209. 6:27heard of Xcode before, this is a tool
210. 6:29that the real iOS developers use to
211. 6:31build real iPhone apps. Now, it is
212. 6:33completely free to download on a Mac,
213. 6:35but let's take a look at what it built.
214. 6:36So, let's start right here on the home
215. 6:37screen. Now, I love this part right here
216. 6:39because Charlie's at the top and you can
217. 6:41actually interact with him if you want
218. 6:42to. He's sitting there, he's blinking,
219. 6:45he's animated. And if you tap him, he
220. 6:47does a little trick. Now, this whole
221. 6:48interactive piece is a cling animation
222. 6:50that Higgsfield built. It took the image
223. 6:52of Charlie, it turned him into a
224. 6:53character, and now you can play with him
225. 6:55on the app. If you scroll down a little
226. 6:56bit, you're going to see today's
227. 6:58Sniffari, which is the walk of the day.
228. 7:00Now, I can pick how long I want this to
229. 7:01go. Now, when I pick one, it's going to
230. 7:03show me the exact route that I need to
231. 7:04take on the map along with the top sniff
232. 7:06spots along the way. If you scroll down
233. 7:08just a little bit more, you're going to
234. 7:09see that there is a daily quest. Now,
235. 7:12these are little goals that Charlie and
236. 7:13I can do together. And if we complete
237. 7:15them, we get a treasure chest, which
238. 7:17just gives us some bonus points in the
239. 7:19app. Now, right below that, you're going
240. 7:21to see the exact percentage of the whole
241. 7:22neighborhood that we've explored so far.
242. 7:24Now, if I jump over to the explore tab,
243. 7:26this is my full map of the neighborhood.
244. 7:28Now, you can see that it's covered in
245. 7:29fog, so every street that we walk down
246. 7:32clears that fog away. And the whole goal
247. 7:34is to uncover parts that we've never
248. 7:35been to, which gives Charlie brand new
249. 7:37sniffs. Now, this isn't actually my
250. 7:38neighborhood because we are running on a
251. 7:40simulator right now and doesn't know
252. 7:42exactly where I'm at. But there is this
253. 7:43little toggle button for a demo walk. So
254. 7:46no GPS is needed. But once I put this on
255. 7:48my actual phone, it will use my real
256. 7:49GPS. Now there's so much more here, but
257. 7:52it would take forever to go through
258. 7:53everything. But there are little
259. 7:55celebrations and animations and sound
260. 7:57effects that were built in. But the
261. 7:58point here is that it built a real app
262. 8:00that turned out amazing. And remember,
263. 8:02all of this started with just one
264. 8:04prompt. Okay, two things really quick
265. 8:06before we wrap this up. First, I do want
266. 8:08to show you how you can set up Higgs
267. 8:09Field inside of Claude yourself. And
268. 8:10then I'm going to show you what the Opus
269. 8:124.8 build came up with. So setting up
270. 8:14Higgs Field inside of Claude is really
271. 8:16easy. What you're going to do is you're
272. 8:17going to go to settings. And then you're
273. 8:19going to go to connectors. And then
274. 8:21you're going to add a custom connector.
275. 8:23You're going to name it Higgs Field. And
276. 8:25then you'll paste in this MCP server
277. 8:27address that I have on the screen right
278. 8:28now. And of course, I'll drop this into
279. 8:30the description as well if you want to
280. 8:32copy and paste it. And second, remember
281. 8:34I told you that we're running this exact
282. 8:36same prompt through Opus 4.8 at the same
283. 8:38time because I wanted to see what the
284. 8:40difference looked like. So let's take a
285. 8:42quick look at how it turned out. So
286. 8:43Fable 5 obviously is the smarter model
287. 8:45and you already saw what they came up
288. 8:47with. But Opus did an okay job. It's not
289. 8:49bad. But when you put them side by side,
290. 8:51it's not even close to what Fable built.
291. 8:53But unfortunately, Opus is missing a ton
292. 8:55of features and it just doesn't have
293. 8:57that same polish that Fable built for
294. 8:59us. So for me, Fable is the clear winner
295. 9:01here. So that's Fable 5 building our app
296. 9:03Charlie's Sniffari using Higgs Field for
297. 9:06all of the art. And every prompt that
298. 9:08was used today is in the prompt library
299. 9:10in the description for free. So go ahead
300. 9:12and check that out. And of course, click
301. 9:14the Higgs Field link yourself because it
302. 9:16is such a cool product. And if you're
303. 9:18into AI and trying to learn AI, this is
304. 9:20such a staple product that you need to
305. 9:22learn. So thank you for watching and I
306. 9:24will see you in the next one.