Sr. Content Developer at Microsoft, working remotely in PA, TechBash conference organizer, former Microsoft MVP, Husband, Dad and Geek.
142071 stories
·
32 followers

GitHub Copilot Vibe Coding Workshop

1 Share

Many of us do the vibe coding these days, and GitHub Copilot (GHCP) takes the key role of the vibe coding. You might simply enter prompts to GHCP like "Build a frontend app for a marketplace of camping gear" or even simpler ones like "Give me an app for camping gear marketplace". This surely works. GHCP delivers an app for you. However, the deliverable might be different from what you initially expected. This happens because GHCP fills in uncertainties with its own imagination unless we provide clear and detailed prompts.

 

Let's recall the basics of product lifecycle management (PLM). You're a product owner or product manager about to launch a new product or develop a new business to sell values to your prospective customers. Where would you start from? Yes, it's the fist step to perform market analysis – whether your idea is feasible or not, whether the market is profitable or not, and so on. Then, based on this analysis, you would generate a product requirements document (PRD). The PRD describes what the product or service should be look like, how it should work, what it should deliver. In addition to that, the doc should also contain user stories and acceptance criteria. The user stories define what the app should expect, how it should behave, and what it should return. The acceptance criteria defines how you test the app to accept as a final deliverable.

 

So, is a PRD is important for vibe coding? YES, IT IS! As stated earlier, GHCP tries really hard to fill some missing parts with its full of imagination. Therefore, the more context you provide to GHCP, the better GHCP works more accurately. That's how you get more accurate results from the vibe coding. But how do you actually practise this type of vibe coding?

 

Introducing GitHub Copilot Vibe Coding Workshop

 

I'm more than happy to introduce this GitHub Copilot Vibe Coding Workshop, a resource available for everyone to use. It's based on a typical app development scenario – building a web application that consists of a frontend UI and backend API with database transaction. This workshop has six steps:

 

  1. Analyse a PRD and generate an OpenAPI document from it.
  2. Build a FastAPI app in Python based on the OpenAPI doc.
  3. Build a React app in JavaScript based on the OpenAPI doc.
  4. Migrate the FastAPI app to Spring Boot app in Java.
  5. Migrate the React app to Blazor app in .NET.
  6. Containerise both the Spring app and the Blazor app, and orchestrate them.

 

This workshop is self-paced so you can complete it in your spare time. It's also designed to run on GitHub Codespaces, since not everyone has all the required development environment set up locally.

 

Throughout this workshop, you'll learn:

 

  • How to activate GHCP Agent Mode on VS Code,
  • How to customise your GHCP to get the better result, and
  • How to integrate MCP servers for vibe coding.

 

Do you prefer a language other than English? No problem! This workshop provides materials in seven different languages including English, Chinese (Simplified), French, Japanese, Korean, Portuguese and Spanish so you can choose your preferred language to complete the workshop.

 

It's your time for vibe coding!

 

Now it's your turn to try this GitHub Copilot Vibe Coding Workshop on your own, or together with your friends and colleagues. If you have any questions about this workshop, please create an issue in the repository!

 

Want to know more about GitHub Copilot?

 

Read the whole story
alvinashcraft
50 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

Perfection Is Fragile, and You Should Avoid It

1 Share

This episode discusses why perfection is a dangerous and fragile goal, explaining how striving for 100% leads to unsustainable outlier states. It highlights how setting perfection as a bar can cause commitments to break and plans to fail due to a lack of slack, and offers strategies like building redundancy and planning with slack to achieve goals more effectively without relying on perfection.

  • Uncover why perfection is a dangerous and fragile goal, as it often requires exorbitant, unsustainable effort and creates outlier states that are unlikely to be maintained, referencing the "Wedies effect" where things tend to regress to the mean.
  • Learn how planning for 100% utilisation or setting perfection as a commitment can lead to fragility, causing plans to fail when unexpected changes occur or leading to giving up altogether once a "perfect" streak is broken.
  • Discover practical strategies to avoid fragile perfectionism, such as planning with slack to accommodate change and building redundancy into your systems and personal commitments for more robust outcomes.
  • Explore why actively avoiding requirements or expectations of perfection is crucial, as investing in it can be an exponential or even asymptotic step, leading to an unsustainable and fragile state.

Note: sorry about the plane noise in the background. I decided to publish it, since it's imperfect (and that's kind of making the point!).

📮 Ask a Question

If you enjoyed this episode and would like me to discuss a question that you have on the show, drop it over at: developertea.com.

📮 Join the Discord

If you want to be a part of a supportive community of engineers (non-engineers welcome!) working to improve their lives and careers, join us on the Developer Tea Discord community by visiting https://developertea.com/discord today!

🧡 Leave a Review

If you're enjoying the show and want to support the content head over to iTunes and leave a review! It helps other developers discover the show and keep us focused on what matters to you.





Download audio: https://dts.podtrac.com/redirect.mp3/cdn.simplecast.com/audio/c44db111-b60d-436e-ab63-38c7c3402406/episodes/115dbd26-0a2b-4591-9dfb-3a728d18e054/audio/5e047736-d965-4fd3-989b-dc6a9bbb4d7a/default_tc.mp3?aid=rss_feed&feed=dLRotFGk
Read the whole story
alvinashcraft
50 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

How to style Power Apps canvas apps after using Plan Designer

1 Share
From: Microsoft Developer
Duration: 33:26
Views: 286

Join Elaiza Benitez and one of our Microsoft MVPs, Richard Burdes, Principal Consultant at Stratos Technology Partners, where Richard shares customization tips to extend the look and feel of your newly created Power App canvas app built with Plan Designer.

Plan Designer enables you to quickly build powerful business apps - just describe your use case in natural language and let AI generate a full Power Platform solution, including apps, flows, and Copilot agents.

In a few minutes you'll have canvas apps that are fully responsive and working for immediate use. However the default style of canvas apps does require customization which is what you'll learn in this episode from Richard.

Learn more:
Overview of Plan Designer - https://learn.microsoft.com/en-us/power-apps/maker/plan-designer/plan-designer
Power Apps canvas apps documentation - https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/

✅ Chapters:
00:00 Introduction
00:51 Canvas app built with Plan Designer
03:38 Customize header
04:49 Enable modern controls and themes
05:06 Create new theme
06:10 Add images
07:40 Modify image properties and use formulas
13:35 Use SVG files for animation
16:12 Add background
20:19 Replace images with buttons
22:13 Modify button properties and use formulas
30:52 Share your canvas app
33:01 Outro

✅ Speakers:
LinkedIn profile - https://www.LinkedIn.com/in/richard-burdes
YouTube channel - https://www.YouTube.com/user/richie1902

Read the whole story
alvinashcraft
50 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

Build Biosensing AI‑Native Apps w/ BCI + Azure AI Foundry & Agents Service

1 Share
From: Microsoft Developer
Duration: 9:04
Views: 615

Discover how brain‑computer interfaces (BCI) and Azure’s AI‑native stack turn everyday software into hyper‑personalized experiences that react to your thoughts, emotions, and subconscious cues.
In this concise demo a BlueberryX headset streams neuro‑signals (fNIRS) to Azure Event Hubs, Cosmos DB, and Azure Functions, while the new Azure AI Agents service and TypeAgent coordinate Azure AI Foundry models to:

Adapt reading difficulty and meditation scripts in real time

Capture REM‑sleep dreams and render them as generative art

Tune in‑car lighting, music, or retail recommendations to subconscious cues

Everything is open source.

⏱️ Chapters
00:00 Why AI‑native apps need new form factors
00:20 BlueberryX headset & other wearables overview
01:10 Live neuro‑signal capture demo
02:45 Emotion dashboard + adaptive content
04:15 Dream‑to‑art generation
05:40 Meditation, self‑driving car, and retail scenarios
06:25 Architecture: Event Hubs → Cosmos DB → Functions
07:45 Agent orchestration with TypeAgent & Azure AI Agents
08:40 Get started: code repo, quick‑start stubs

🔗 Resources
Read more → https://devblogs.microsoft.com/all-things-azure/build-biosensing-ai-native-apps-on-azure-with-bci-ai-foundry-and-agents/

Sample code (TypeAgent + BCI) → https://github.com/Azure-Samples/typeagent-bci-sample

BlueberryX neuro‑sensing wearables → https://blueberryx.com/

Azure AI Foundry → https://ai.azure.com/

Azure AI Agents docs → https://aka.ms/azure-ai-agents

Sip & Sync playlist → https://aka.ms/SipAndSyncPlaylist

👥 Speakers & Social
Priyanka Vergadia (host) – LinkedIn: https://linkedin.com/in/pvergadia | X: https://x.com/pvergadia

Govind Kamtamneni – LinkedIn: https://linkedin.com/in/thegovind | X: https://x.com/t2govind

🏷️ Tags & Keywords
#AINative #BCI #BrainComputerInterface #AzureAI #AzureAIFoundry #AzureAIAgents #GenerativeAI #BlueberryX #MultimodalAI #HyperPersonalization #MicrosoftDeveloper #SipAndSync

Read the whole story
alvinashcraft
51 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

Using agent mode to go from idea to code

1 Share
From: VisualStudio
Duration: 5:29
Views: 931

In this short demo, Product Manager Jessie, walks you through how to use a combination of vibe coding and spec-driven development with Copilot to build and iterate on a pomodoro-style transition timer app called Between Time.

In this video, you’ll learn:
- How to use Copilot for rapid prototyping
- How to evolve a prototype using structured, spec-driven prompts
- How to codify your intent with PRD and plan prompt templates
- How to keep your specs and implementation in sync using Copilot

#Copilot #VisualStudio #SpecDrivenDevelopment #PromptEngineering

Read the whole story
alvinashcraft
51 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

How to have a GitLab CICD for a .NET Aspire project

1 Share
From: Frank Boucher
Duration: 4:58
Views: 45

Frank show how using GitLab Duo he build a full GitLab CI/CD for a .NET Aspire solution that will validate if it's compliable, execute the unit tests, check for security issue and secret leak . The best of it is that you can have all of it for your projects!
☁️Subscribe: https://c5m.ca/ytFBoucheros
#ai #aspire #cicd
(#cloud5mins - Episode 75)

USEFUL LINKS:
-----------------------
📝 https://www.frankysnotes.com/2025/07/how-to-have-gitlab-cicd-for-net-aspire.html
🔗 https://gitlab.com/cloud5mins/aspire-template
🔗 Get Started with Azure with a Free Subscription: https://c5m.ca/azFree

FOLLOW ME ON
---------------
🔗 BlueSky: https://bsky.app/profile/fboucheros.bsky.social
🔗 Linkedin: https://www.linkedin.com/in/fboucheros
🔗 Facebook: https://www.facebook.com/frankysnotes
🔗 Mastodon: https://mastodon.social/@fboucheros
📺 Twitch: https://www.twitch.tv/fboucheros

BLOGS
------------
🔗 Frankys Notes (EN): http://www.frankysnotes.com
🔗 Cloud en Francais (FR): http://www.cloudenfrancais.com

GEARS
----------
- Fujifilm X-T4
- GitKraken: https://c5m.ca/gitkraken

☁️

Read the whole story
alvinashcraft
51 minutes ago
reply
Pennsylvania, USA
Share this story
Delete
Next Page of Stories