## Part 3: Conjuring, Prompt-gramming

## Chapter 9: Spells 201: Charms, Prompt Created Media
23: Art with Code: SVGs
Write code to create SVG icons and integrate it with an html site

Create a collage!
Optional: make it move using p5.js and matter.js


24: Video collage: RunwayML, Capcut
Create a movie collage
Optional: Create a starter image with Dalle
Use https://runwayml.com/ to create a video
Use the motion brush and director mode to tweak your results

Create a scene with at least 3 shots and camera angles

25: Sketch to Drawing: Leonardo Live Canvas
Use https://leonardo.ai/ 's Live canvas to create a drawing from a sketch
Simply open the canvas, create a prompt and start sketching
Tweak the settings to control generation
When you get one you like, upscale it
Their mobile app is fantastic, and it feels amazing on an iPhone/iPad

26: Sound Board: Suno, Stable Audio, ElevenLabs
Write code for a soundboard, then fill in the sounds using, songs, effects, & lyrics from
https://www.suno.ai/
https://www.stableaudio.com/
https://elevenlabs.io/

to create a horrifying remix

27: 3d Scene: LumaLabs Genie, Spline
Create 3d models using
https://lumalabs.ai/genie?view=create

Then compose them into a scene using
https://spline.design/

Optional Build a website via an embed https://viewer.spline.design/ or via three.js and .gltf, GLTFLoader

28: Games 102: 3d Game: Three.js, LumaLabs Genie
Create 3d models using
https://lumalabs.ai/genie?view=create

Turn them into a game using three.js and and .gltf, GLTFLoader
https://threejs.org/


Chapter 10: Spells 202: Transfiguration, Prompt 1st Coding
29: Draw code: TLDraw
Use https://makereal.tldraw.com/ to draw a protoype
Fill in your api key and press make real to turn it into code

Click the copy button or code export button to take it with you

Be sure to check out their twitter for absurd examples:

Rocketship game:
https://x.com/konfox_vrc/status/1725120060417790105?s=20
Rocketship with bricks:
https://x.com/tldraw/status/1736805365659185531?s=20
Chicken game:
https://x.com/tldraw/status/1726194324554039746?s=20
Pong:
https://x.com/dr_cintas/status/1725908894197682192?s=20
https://x.com/AlexValverde_V/status/1725491125824184729?s=20
Snake:
https://x.com/CompassOfMind/status/1725497889328112105?s=20
Fruit Ninja
https://x.com/keitowebai/status/1726020160858050840?s=20
Playable Piano
https://x.com/shuafeiwang/status/1725669747843330125?s=20
3d Scene
https://x.com/garethveale/status/1725592982840135688?s=20


Annotations and State chart to timer
https://x.com/Mappletons/status/1725919777607057477?s=20
Score Tracker:
https://x.com/mrmkrs/status/1725959207365583196?s=20


Calculator:
https://x.com/liuyuxxd/status/1725331464802447405?s=20
Spreadsheet:
https://x.com/wolfr_2/status/1726375193105530978?s=20
Don't be late app
https://x.com/priscillamok/status/1726521716409831706?s=20


ChatGPT wrapper app:
https://x.com/pakonekone/status/1726275674091278793?s=20


Export to replit:
https://x.com/tldraw/status/1736804518942454149?s=20


Add to database by drawing foods
https://x.com/tldraw/status/1735278070502711757?s=20
Entity relationship diagram -> SQL queries
https://x.com/tldraw/status/1734944389414232435?s=20
Make tables for this
https://x.com/tldraw/status/1734945854417490107?s=20
Swagger API screenshot to app
https://x.com/sonnylazuardi/status/1729187124505960898?s=20


30: Design & Wireframe: Figma, Relume
Plan your work!
Design in https://www.figma.com
Setup the sitemap and wireframe https://library.relume.io/ai-site-builder


31: Rapid UI prototypes: v0.dev
Prototype UI in https://v0.dev/
Deploy to https://vercel.com/


32: Backend API: Retool
Setup a retool api
Use https://retool.com/products/workflows to create a flow triggered by a webhook, connect to other services

Chapter 11: Spells 203: Illusions, advanced front & backend
33: iOS App: SwiftUI, Trace.zip
Use Grimoire's XC hotkey to export an Xcode template.
Or Use https://www.trace.zip/ to prototype an iOS app
Then export it to Xcode

To put on testflight / the store:
Open Xcode
Open the report navigator, in the left bar near the top (cmd+9)
Choose cloud
Configure workflow setup a workflow with an action to archive for testflight
Be sure to push to a git repo
Start build, push and wait
Go to App store connect, app > testflight > submit a build for review

34: Games 103: Unity Game
Go build a game. https://unity.com/ Have fun

35: Backend: Supabase
Setup backend database with user auth 
https://supabase.com/


## Chapter 12: Potions: custom GPTs
36: custom GPT Actions: Evolution Chamber
Use Evolution chamber to help you build an Open A-P-I schema you can use to create actions for GPTs, so your GPT can talk to an external data source
https://chat.openai.com/g/g-GhEwyi2R1-evolution-chamber

37: custom GPT backend server: Express, Replit
Build a backend server that your GPT can talk to
https://replit.com/@NickDobos/Custom-GPT-Actions-Template-GPTavern

38: Zapier Actions
Create a custom GPT attached to Zapier Ai actions in order to connect to thousands of other apps
 https://actions.zapier.com/
 https://actions.zapier.com/docs/platform/gpt