87 lines
3.2 KiB
Markdown
87 lines
3.2 KiB
Markdown
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
|
|
|
|
1. *Git Setup* (15-20 min) - GitHub account, repository creation
|
|
2. *IDE Installation* (10 min) - Download Cursor or VS Code
|
|
3. *Repository Cloning* (10 min) - Clone project to your computer
|
|
4. *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](https://whiteport.com/whiteport-design-studio/)
|
|
|
|
💻 *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:*
|
|
1. Complete the 4-lesson setup (follow along!)
|
|
2. Activate Mimir and have your first conversation
|
|
3. Start Module 03: Alignment & Signoff
|
|
4. 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>
|
|
|