Beginner Web Build #21 – SkyNet in VS Code: Install Everything and Build the Bakery Website
TheSkyLite
0:00 / 0:00
Beginner Web Build #21 – SkyNet in VS Code: Install Everything and Build the Bakery Website
2 просмотра · 1 день назад
TheSkyLite
15 подписчиков
2 просмотра · 1 день назад
Starting from a clean PC with only VS Code (episode 20), install every tool the SkyNet Agent needs, create an ASP.NET Core project, install TheSkyLite.SkyNet, add the SkyNet Agent from Claude Code's Manage plugins window, build a bakery website with one sentence, and run it. No Visual Studio needed.
Chapters
1. Install the agent's tools: Git, Python, Node.js, Playwright
2. Create the project (dotnet new web)
3. Install TheSkyLite.SkyNet (dotnet add package)
4. Add the SkyNet Agent (/plugins)
5. Build the bakery (/skynet:site, review the plan, go)
6. Run the website (dotnet run)
Commands used (one-time setup first)
winget install Git.Git
winget install Python.Python.3.12
winget install OpenJS.NodeJS.LTS
(close and reopen VS Code)
git --version
py --version
node --version
dotnet --version
py -m pip install pillow numpy scipy
mkdir C:\WebSites
cd C:\WebSites
npm i playwright
npx playwright install chromium
dotnet new web -n Bakery
code Bakery
dotnet add package TheSkyLite.SkyNet
/plugins → Marketplaces → hkim6000/SkyNet-Agent → Add
/plugins → Plugins → skynet → Install → Install for you
/skynet:site a bakery website with online orders. Build it in this existing project in the current folder; do not create a new folder.
dotnet run
▶ SkyNet Agent: https://github.com/hkim6000/SkyNet-Agent
Previous: #20 VS Code + Claude Code
Next: #22 Keep Learning: HTML, CSS, JS and C#
▶ SkyNet: https://www.theskylite.com
▶ Website Templates: https://www.theskylite.com/SkyNetTemp
Screens are simplified drawings; the real apps may look slightly different.
#SkyNet #VSCode #ClaudeCode #ASPNETCore #dotnet #VibeCoding #WebProgramming