Skip to content

Latest commit

 

History

History
200 lines (148 loc) · 5.22 KB

github-copilot-web-guide.md

File metadata and controls

200 lines (148 loc) · 5.22 KB

GitHub Copilot on GitHub.com - Workshop Guide for Non-Developers

Web-Based Demos - No IDE Required!

Why GitHub.com Copilot?

✨ No setup required - Works in any browser
✨ Accessible - No need to install VS Code
✨ Collaborative - Where teams already work
✨ Perfect for PMs, Product, Project Managers - Real workflows

Where to Find Copilot on GitHub.com

  1. In Issues
  2. In Pull Request descriptions** - Click the Copilot icon
  3. In Discussions
  4. In file editors

Demo 9: Create Product Roadmap (5 minutes)

File: demo-09-product-roadmap.md

Setup:

  1. Navigate to your repository on GitHub.com
  2. Click "Add file" > "Create new file"
  3. Name it: demo-09-product-roadmap.md

Demo Steps:

  1. Add demo-09-product-roadmap.md to GitHub Copilot Chat
  2. Ask:
Expand this into a detailed Q1 2026 product roadmap with specific initiatives, owners, success metrics, and monthly milestones
  1. Show the transformation
  2. Create issues based on these requirements:
Create GitHub issues for each user story with appropriate labels and assignees

Key Points:

  • "Turn rough ideas into executive-ready roadmaps"
  • "No need for fancy tools - do it right here"
  • "Includes all the details execs want to see"

Demo 10: Create Feature Requirement Document (7 minutes)

File: demo-10-feature-requirement.md

Setup:

  1. Create a new issue in your repository
  2. Title: "Feature Request: Team Collaboration Hub"

Demo Steps:

  1. In the issue description, paste content from demo-10
  2. Click the Copilot icon
  3. Ask:
Create a comprehensive product requirements document with sections for problem statement, user stories, acceptance criteria, technical considerations, and success metrics
  1. Show the detailed PRD that appears
  2. Can iterate:
Add a competitive analysis section
  1. Create an issue from the PRD:
Create a GitHub issue for this product requirements

Key Points:

  • "Go from idea to full PRD in minutes"
  • "Includes sections you might forget"
  • "Ready for engineering review"
  • "Great for stakeholder communication"

Advanced Move:

  • Ask: "Create a table of user stories with columns for Story, Priority, Effort, and Status"
  • Show instant table generation!

Demo 5: Improve Existing Content (3 minutes)

Demo Steps:

  1. Open an existing issue or file
  2. Click "Edit"
  3. Select text you want to improve
  4. Click Copilot icon
  5. Ask: "Make this more concise while keeping key information" or "Expand this with more detail"
  6. Show before/after

Key Points:

  • "Works on existing content too"
  • "Quick polish before sharing"
  • "Adapt tone for different audiences"

Interactive Exercise (10 minutes)

Give attendees this challenge:

"Using GitHub.com Copilot:

  1. Create a new issue in a test repository
  2. Use Copilot to draft a project proposal for something you're working on
  3. Ask Copilot to add a table (timeline, budget breakdown, or task list)
  4. Refine it by asking Copilot to improve specific sections"

Walk around and help!

Pro Tips for GitHub.com Copilot

Best Practices:

✅ Be specific - "Create a table with these exact columns..."
✅ Iterate - First draft → refine → polish
✅ Use it everywhere - Issues, PRs, Discussions, file creation
✅ Combine with templates - Start with template, enhance with Copilot

Great Prompts:

  • "Convert this to a markdown table"
  • "Add a summary at the top for executives"
  • "Create acceptance criteria for this feature"
  • "Break this into subtasks"
  • "Add success metrics"
  • "Improve the formatting"

Common Use Cases:

📋 Project planning
📊 Creating tables and data views
📝 Feature requirements
🗺️ Roadmap documentation
📈 Status reports
🎯 Goal setting

Combining VS Code + GitHub.com Copilot

Workflow Example:

  1. Draft content in VS Code with Copilot
  2. Push to GitHub
  3. Refine in issues/PRs with web Copilot
  4. Collaborate with team in browser

Best of both worlds!

FAQ for Web-Based Copilot

Q: Do I need VS Code?
A: Nope! This works entirely in your browser on GitHub.com

Q: What if I make a mistake?
A: Just edit and ask Copilot to fix it, or use regular editing

Q: Can I use this on mobile?
A: Yes! Works on mobile browsers too

Q: Does it work in private repos?
A: Yes, if you have Copilot access

Q: Can multiple people use Copilot on the same issue?
A: Yes! Each person can use Copilot when they edit

Wrap Up

Key Takeaways:

✅ GitHub Copilot works right in your browser
✅ Perfect for product, project, and program management
✅ Create tables, roadmaps, requirements in seconds
✅ No technical setup required

When to Use Web vs. VS Code:

  • Web: Quick edits, collaboration, issues, PRs, project docs
  • VS Code: Longer documents, offline work, multiple files

Encourage Daily Use:

"Next time you create an issue or document, click that Copilot icon! "

Workshop Timing (30 minutes total)

  • Intro to web Copilot: 3 min
  • Demo 1 (Roadmap): 5 min
  • Demo 2 (Feature Req): 7 min
  • Demo 3 (Table): 5 min
  • Interactive exercise: 10 min

Perfect add-on to the VS Code workshop or standalone session!