This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
Hi everyone, welcome to the #GHC25 vibe coding workshop! Looking forward to seeing what all of us amazing humans create today!
Love the feedback, how you're feeling! --> Very relatable, --> So applicable -- we can build and create things for ourselves --> unbelievable!!!
Prompt: Please write a JavaScript app in an artifacts window that animates a bouncing red sphere. Leave a trail behind it. Add gravity and energy when it hits the floor.
Team, some of you got this working in ChatGPT, some in http://Claude.ai, some in Gemini. BUT some of you didn't! Some things to notice: โข These tools actually don't write the same thing each time! You can ask the same model multiple times (new Chats) and it will often come up with a different solution). โข Some of you didn't succeed with one of these tools, even though others did. BUT you asked the tool to fix it's own code! Perfect!!!
โข Amp Coding Agent: click here: https://ampcode.com/code/AMP-8DY1-KSRY
Once you redeem your credits there will be a link which serves as the code you can copy and paste into your CLI
There's a whole bunch of data in the /data directory.
Build me a visualization of the Titanic dataset and use port 3030. (That number is 3000 + your user number)you can give your AI a link to this data set: https://gist.github.com/realgenekim/40d4c33f8881ccb03f3cbb4b84c75e13
if you grab your API key from profile -> settings and then run the following commands export AMP_API_KEY=<your_api_key> amp login amp that should fix it!
Ok, amazing humans. You can get ChatGPT to create you a data visualization, too. You just have to tell it to make you a visual, and not ask any more questions, or it will keep asking you credits until you run out of credits for the day.
1. Download a public dataset to your computer. (Unzip, choose a small one): https://www.kaggle.com/datasets
2. navigate to http://chatgpt.com (if you don't have an account, you will need to create one)
3. Tell it to help you visualize the dataset AND press the + button add the dataset file from your system (make sure it's unzipped, just one file, to stay within your free credits). Here's the prompt I used: Prompt: Please help me visualize this dataset, in a dashboard view, with different colors for each chart. Don't ask any additional questions, just give me a visualization of charts.
It's not as pretty as some of the ones that AMP creates, but here's what I got without any color requests:
Want More Learn More? To receive this presentation and the following: โข Excerpts of Vibe Coding and Wiring the Winning Organization โข Updates on benchmarking GenAl and developers The best talks from people on the frontier of using GenAl from the ETLS Community โข PDF and audio excerpts from The Unicorn Project โข Eight excerpts from Beyond The Phoenix Project audio series w/John Willis โข The 140 page excerpt of The DevOps Handbook โข The 140 page excerpt of The Phoenix Project Videos and slides from DevOps Enterprise 2014-2019 . One hour excerpt of The Phoenix Project audiobook Just pick up your phone, and send an email: To: <mailto:realgenekim@SendYourSlides.com|realgenekim@SendYourSlides.com> Subject: vibe
Reflect on your learnings in the ReflectionApp to bring it home for YOUR creative mind, and share (anonymously) with the #GHC25 community
Hi everyone, welcome to the #GHC25 Vibe Coding for Leaders workshop (#2 3:30-5pm) today! Looking forward to seeing what all of us amazing humans create today!
Could you pair up with someone who has a laptop? Some of it will be interesting!
No other formal sessions, but we might do part of one in the AI Studio tomorrow
Prompt: Please write a JavaScript app in an artifacts window that animates a bouncing red sphere. Leave a trail behind it. Add gravity and energy when it hits the floor.
The Google Doc: https://docs.google.com/document/d/1dw1hOWg2e66O8P7ObDZm1JTEm_BqtiF7rf54crq2zUE/edit?tab=t.0
Look in /data; tell me what data you find there: Build me a visualization of the [insert your data here] and use port 3230. (That number is 3000 + your user number: say, 230) Come up with exciting ideas; ask me questions to help guide what you build.
Error: Unexpected error inside Amp CLI. Run with AMP_DEBUG=1 or 'amp doctor' and attach the bundle.
a dashboard that shows how gender + class determined survival rates on the titanic!! ๐ข
Want More Learn More? To receive this presentation and the following: โข Excerpts of Vibe Coding and Wiring the Winning Organization โข Updates on benchmarking GenAl and developers The best talks from people on the frontier of using GenAl from the ETLS Community โข PDF and audio excerpts from The Unicorn Project โข Eight excerpts from Beyond The Phoenix Project audio series w/John Willis โข The 140 page excerpt of The DevOps Handbook โข The 140 page excerpt of The Phoenix Project Videos and slides from DevOps Enterprise 2014-2019 . One hour excerpt of The Phoenix Project audiobook Just pick up your phone, and send an email: To: <mailto:realgenekim@SendYourSlides.com|realgenekim@SendYourSlides.com> Subject: vibe