Slides: Real World Development with GitHub Copilot and VS Code — Harald Kirschner, Christopher Harrison
Source Video
Real World Development with GitHub Copilot and VS Code — Harald Kirschner, Christopher Harrison
Relationship To World's Fair 2026
These slides are extracted from a public AI Engineer YouTube video connected to World's Fair 2026. Speaker-matched clips are supporting context unless later confirmed as exact session recordings; official livestream recordings are day-level/event-level source material.
Related Scheduled Sessions
- No individual scheduled session mapping has been assigned yet; treat this as an event livestream deck.
Extracted Slides
OCR text:
aWws
en)
@®Graphite W Windsurf MongobB
Mdaily £3 augmentcode WorkOS
OCR text:
Fully give in to the vibes,
Embrace exponentials,
And forget that the code even exists
e
ae
re NaS)
3 ee
OCR text:
The Vibe-Coding Journey
“FUN CHAOS” “PROFESSIONAL ZEN"
2
ia By 7
OCR text:
The Vibe-Coding Journey
re ae
YOLO Vibes SIA CUle dv c re!
creativity & speed Vib =X
folelolala me MATES COLAeley tS 2
“FUN CHAOS” “PROFESSIONAL ZEN”
Y Speed + Maintainabiliy
Y Instant gratification + Readability
st learning + Quality control
7
s |
- a
» pam a Microsoft ary?
OCR text:
YOLO 1. Outcome-first focus, ignore the code
Vibe Coding 2. Iterate with natural language
3. Auto-accept changes, undo if needed
Best for:
- Rapid prototyping and proof-of-concepts
- Learning unfamiliar technologies or frameworks
- - Personal projects with no maintenance concerns
es
a _ ; Pay
R | a Microsoft § SCC
td
iq
OCR text:
YOLO
AIE
VIBE
CODING
Microsoft
smol?
Worid'sFair
OCR text:
AIE
ShowAliCommands
OpenFlle orFolderxo
Open Recent.
New Untited Text File XN
Open Chat
90400G00000
Microsoft
smol?
Worid'sFair
OCR text:
| a |
a 1 t |
_
meee rn
Edit with Copilot
ee statcey
ere Dane ot ad
la. date ad
bal
ay
Ld 39 Sacseco000esagg coe nn ee ee? F |
i
, i)
a Microsoft §Gycu
OCR text:
ee |
& tereetes &% ith Copilot
@
ro css
of bor Tonsrolorel S11 moti) a eel; i | |
i , S
pm u
OCR text:
Pa o> |
Edit with Copilot
Fond mH.
. xy a9 ic For. popelelolel 20-1: morc) en teat? 7 |
vy 2d)
a a Microsoft QU
OCR text:
Pvibing-at-alo
EXPLORER
VIBING-AT-AIE
AIE
ShowAllCommands
Go to Flie
P
Open Chat
Start Debugging F5
aws
Worid'sFair
OCR text:
i
oa : wy t J
Pere ene lapinr ent Apple casp red des.ga..
See oR eer :
_
erat On areca]
PS
; Co
od as Bcecoo000#&ase Coe re ee ee 2
a
Vi °
| neko ES OOO OU
OCR text:
sm a a ce |
oa ey i
am Siie Es
Cer ea
fuplement Apple isp red des. a
Peer ase eee ee ee a 2
ae eae ee f
AE 11 ute Approve Expervmenta
ere Ear yr ferret s
a
ey *
8B 2
Ld i) GCSco0000es8ae Coe + UG el «20° me
5
[== aI rarer) aE 6000 Oe
OCR text:
am a a tt)
- o H
etter Td
Ct at Boe}
Otero aw eee Bo es
Sel up orte tet ture - i
Mak Loraes or Saye eco 0
‘ FUE itor tT gue atey)
ct / 7 :
A Accept Suggestion On Comm.t Charactor woe . aa ;
o » Enabdled
Continue fom ale)
Sear TRY Ry
Pg ao
my ie) ScCSeCcI000e#800 FCO + CR eff 49D 7° ae
Ld a
Wat ft =
easels) SimOol
OCR text:
a a ican
a : fn a |
rant
ae ey €
7 foreraber CT) er tal)
,
Es Bs
. i aceco00gse’aag cor 1 @ aff 4B
, F
OCR text:
mm a a a
o> F “ ~ J
eater
5 err co
+ + > Accept Suggestion On Comm t Character
f : : foreultar on Tart)
hf rs
= Vv acseco000ssges Coe > UR ef ee ae
—_ e NaS)
u
OCR text:
April2025(version1.100)
ing,itworked
Edit with Copllot
AIE
eL500.k:Theiodefr 5dh
As Coo lsedt yuSe
andother
1Apr 2025 ShudeCod
hop youa df cay iiphncd
n pa pepa ucrg
eta
LM.M
NCBLISS
OSTPUT
DSCONOLL
cmotion/
kers
libraries
nle SatTT8msTa
oIgnore files and continue
OUTLAE
Microsoft
smol?
World's Fair
OCR text:
areact/vite withmaterial des
on tracking.simple and big accessible ui foilowing
gn principies
AIE
Edit with Copilot
ibCopilot
AgentMode
1create a React/Vite website for water hydration tracking
a CtloedtyoaSi
inten
ele mn
Let me start by creating the workspace structure.
redly
Create New Workspace*
Continue with #new workspace setup
ib Copilot
antext..
nyour workspacein agentmode
Claude Sonnet 4
aws
World'sFair
OCR text:
ac a hm inl Scenes
i
: : eR RRS Le
; SMa s snp eamboat ae be toe
. eee
oa Tiree : : Es
pee ; Lo ,
oes a ; :
Tina fe
_— <4
- i ane
co
al ———_—_—_— Ew
See
Binge
%, ‘ oot
s ; a
= i. a’ S°SBC000D0aseG Oar i oe, | |
—_ aws
u
OCR text:
CHAT
-Waterintake tracking functionaity
5.Setup the development envronment and tasks
Letme beginc
AIE
npx create-viteglatest
-tenplate
react-ts
Greati Now letme install the depe
UI React components:
npinstall
PROBLEMS
DEBUG CONSOLE
TERMINAL
PORTS
OUTPUT
Coplot
necessary dependencies:
-/vibing-at-aie-2
npninstall gfluentui/react-components@fluentui/react-icons lucide-react
npainstall gfluentus/react-coaponents
npm crror
npaerror
Fora full report see:
Woring-
npa
npm
error
/Users/digitarald/.npm/_1ogs/2025-06-03T20_37_34_059Z-eresolve-report.txt
npa
erroxAcomplete 1ogofthisrun can be found in:/Users/digitarald/.npn/_logs/2025-06-03T20_37
Add Context.
34_059Z-debug-0.1og
Edtflesinyour
I
Microsoft
smol?
Worid'sFair
OCR text:
i a eae aac eas aaa
ay oa - J
Pe ee a aT nas .
Pere ere re ee eerie ee
3. 8.
+ st Sceco000eage fae ee ee
i Mai °
fam w Microsoft
OCR text:
Settings
App.tx
.md口
approve
5SettngsFound
CHAT
User Workspace
Last symced:Osecs ago
Isee there's a dependency conflict withReact types.Letme instal the Fluent U
components withthe legacy peer depsflag:
TextEdior(1)
Suggestions(1)
Chat)Tools:Auto ApproveExperimental
Controls whether tool use should be automatical
npa install gfluentui/react-coeponentsgfluentut/xeact-icons
Foatures(3)
lucide-react--legacy-peer-deps
AIE
Chat(3)
Extensions(1)
Perfectl Now letme create thegithub/copilot-instructions.nd fle:
Editor:Accept Suggestion On Commit Character
(）d
Conrols whether suggestions shouldbeacceptedoncommtcharactes.For
Createdcopilot-lnstructions.md
example,inJavaScript,the semi-colon（）canbea commit character that
acceptsasuggestion and types that character.
Chat)Edits2:Enabled
App.tx+t90-25
d
models that don't support tool-calling are unavailable for Edits mode.
PROBLEMS
DEBUG CONSOLE
TERMINAL
PORTS
OUTPUT
App.
~/vibing-at-aie-2
Now let
npninstall gfluentui/react-components @fluentui/react-iconslucide-react
-legac
sdap-raad-
2rles changed
Fcopilot-instructions.mdpthub
48packages are looking for funding
App.tsxsrc
runnpm fund' for details
8Asd Cotet.
foundevulnerabilities
Edit fles in ypur workspa
4s
net4
aws
OCR text:
Te EE eee ee eee
ee 5 we - J
nen
i :
moat an eae 5 5 5 :
ae er aa i re
: eer ee
Bee wes
a
~ Re Ret a ee
. 99 ic hed Tepepelelol EY - 1 Baolony en eo ee |
OCR text:
ic: |
ae 7 a ae |
‘ . nk? ee
; |
oe Veena eae | neutom 8
a a he) @crecog000asege oae ne nl ee 2
a
rl a
©
Foe | a Microsoft Gye
Slide-Derived Subjects To Review
Subject extraction uses video title, related session titles/descriptions, transcript context, and OCR text when available. OCR is best-effort and should be reviewed against the embedded slide images.