3.2 KiB
Module 02 - WDS Installation & Setup - From Zero to Hero in one Hour! https://www.youtube.com/watch?v=tYifpxFVVks
"I've never used GitHub. I've never installed an IDE. I'm worried I'll mess something up."
Sound familiar? This 6-minute guided walkthrough takes you from complete beginner to fully set up with WDS - even if you've never touched GitHub, Git, or an IDE before.
You'll learn: ✅ Create a GitHub account and repository ✅ Install your IDE workspace (Cursor or VS Code) ✅ Clone your project to your computer ✅ Add WDS to your workspace ✅ Meet Mimir - your personal WDS guide
Free & open-source | 45-60 minutes setup | No technical experience required
⏱️ Timestamps
00:00 The Technical Setup Challenge 00:59 Creating Your GitHub Account 03:13 Installing Your IDE Workspace 04:43 Cloning Your Project 05:42 WDS Integration & Meeting Mimir
🎯 Key Concepts
GitHub - Professional cloud storage with version control Repository - A tracked folder where your project lives IDE - Your workspace for creating specifications Cloning - Making a local copy of your GitHub repository Mimir - Your WDS orchestrator (@wds-mimir anytime!)
📚 4 Lessons
- Git Setup (15-20 min) - GitHub account, repository creation
- IDE Installation (10 min) - Download Cursor or VS Code
- Repository Cloning (10 min) - Clone project to your computer
- WDS Initialization (15-20 min) - Add WDS, create 8-phase docs, activate Mimir
📁 8-Phase Docs Structure: 1-project-brief • 2-trigger-mapping • 3-prd-platform • 4-ux-design • 5-design-system • 6-design-deliveries • 7-testing • 8-ongoing-development
📚 Course Resources
🌊 WDS Presentation: WDS Presentation
💻 Download Cursor: https://cursor.sh
📥 Download VS Code: https://code.visualstudio.com
📥 GitHub: https://github.com
💬 UX-Design channel in the BMad Discord Community: https://discord.gg/Pn63gAuX
📖 GitHub Discussions: https://github.com/whiteport-collective/whiteport-design-studio/discussions
◀️ Previous Module: Module 01 - Why WDS Matters https://www.youtube.com/watch?v=Xhw5JB7mpxw
▶️ Next Module: Module 03 - Alignment & Signoff https://www.youtube.com/watch?v=TKjOLlU8UCE
📚 Full Course: https://github.com/whiteport-collective/whiteport-design-studio/blob/main/docs/learn-wds/00-course-overview.md
✅ Next Steps:
- Complete the 4-lesson setup (follow along!)
- Activate Mimir and have your first conversation
- Start Module 03: Alignment & Signoff
- Join the WDS community
💪 "You can do this. I believe in you." - Mimir
🎨 About WDS AI-augmented design methodology by Mårten Angner (Whiteport, Sweden). Transforms designers into indispensable linchpins who connect business goals, user psychology, and technical constraints.
👤 About Mimir Your WDS orchestrator - a wise advisor who assesses your skill level, guides setup, and provides support. Invoke anytime: @wds-mimir [your question]
#GitHub #IDESetup #Cursor #VSCode #WDS #Mimir #DesignCourse #BeginnerFriendly
Ready to start? Follow along and you'll be WDS-ready in under an hour! 🚀 https://www.youtube.com/watch?v=TKjOLlU8UCE