chore: restructure docs following modern DX best practices#3526
chore: restructure docs following modern DX best practices#3526
Conversation
Co-authored-by: mnkiefer <8320933+mnkiefer@users.noreply.github.com>
|
@copilot
|
Co-authored-by: mnkiefer <8320933+mnkiefer@users.noreply.github.com>
Updated top navbar and sidebar navigation in commit 0eeca3f. Top Navbar Changes:
Sidebar Changes:
Warning Firewall rules blocked me from connecting to one or more addresses (expand for details)I tried to connect to the following addresses, but was blocked by firewall rules:
If you need me to access, download, or install something from one of these locations, you can either:
|
There was a problem hiding this comment.
Pull Request Overview
This PR restructures the documentation site's navigation and organization, moving from a "Get Started" focused hierarchy to a more intuitive structure with "Introduction", "Setup", "Guides", "Examples", and "Reference" sections. The changes improve discoverability and user experience by:
- Reorganizing sidebar navigation with clearer category names
- Updating internal links to match new paths
- Adding CSS fixes for right sidebar overflow issues
- Renaming pages for better clarity (e.g., "About" → "Overview", "Concepts" → "How It Works")
Key Changes
- Navigation restructure: Moved from
/get-started/to/introduction/and/setup/paths with clearer categorization - Documentation improvements: Expanded CLI command documentation with use cases, examples, and troubleshooting sections
- CSS fixes: Added overflow handling and word-wrapping for right sidebar to prevent layout issues
- Content updates: Corrected file references and improved page descriptions throughout
Reviewed Changes
Copilot reviewed 38 out of 38 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
docs/tests/mobile-responsive.spec.ts |
Updated test URLs from old paths to new /introduction/overview/ path |
docs/test-all-form-factors.mjs |
Updated test URLs to match new documentation structure |
docs/src/styles/custom.css |
Added overflow and word-wrap fixes for right sidebar to prevent horizontal scrolling |
docs/src/content/docs/troubleshooting/errors.md |
Updated example workflow links to new paths under /examples/ |
docs/src/content/docs/status.mdx |
Fixed Super Linter workflow filename reference |
docs/src/content/docs/setup/quick-start.md |
Updated internal links and improved page ordering |
docs/src/content/docs/setup/cli.md |
Massively expanded with use cases, examples, troubleshooting, and better structure |
docs/src/content/docs/setup/agentic-authoring.mdx |
Renamed title and updated sidebar order |
docs/src/content/docs/reference/*.md |
Removed redundant "Overview" section headings from multiple reference pages |
docs/src/content/docs/introduction/*.mdx |
Renamed pages (About→Overview, Concepts→How It Works) with updated descriptions |
docs/src/content/docs/index.mdx |
Updated all internal links to new paths and reorganized feature cards |
docs/src/content/docs/guides/*.md |
Updated titles, descriptions, and sidebar ordering for better organization |
docs/src/content/docs/examples/**/*.md |
Added new category index pages and "When to Use" sections for all example workflows |
docs/src/components/CustomHeader.astro |
Updated header navigation links to new paths |
docs/src/components/CustomHead.astro |
Added favicon link |
docs/astro.config.mjs |
Restructured entire sidebar navigation with manual item definitions |
README.md |
Updated documentation links to new paths |
Comments suppressed due to low confidence (1)
docs/src/content/docs/introduction/overview.mdx:12
- Duplicate content: The sentence "GitHub Agentic Workflows transforms natural language markdown files into GitHub Actions that are executed by AI agents. Here's a simple example:" appears twice consecutively (lines 10 and 12). Remove one occurrence.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Restructured
/docs/src/content/docs/setup/cli.mdand updated site navigation to follow modern CLI documentation patterns (VS Code, Stripe, Prisma, Docker, GitHub CLI) - improving discoverability, organization, and developer experience.Changes
CLI Documentation Structure & Organization
gh aw init)gh aw trial ./workflow.md)Enhanced Reference Tables
-h,-v)Navigation Updates
Top Navbar (
docs/src/components/CustomHeader.astro):/setup/cli/(clearer and more concise)/reference/workflow-structure/(better discoverability)Sidebar (
docs/astro.config.mjs):Cross-Linking
Screenshot
CLI documentation expanded from 199 to 668 lines. Documentation builds successfully with all internal links validated. Navigation now provides clear, logical paths to all key sections.
Original prompt
Docs content restructuring
Goal
Restructure and optimize this documentation (in
/docs) so developers can quickly understand, install, and use the CLI, following modern DX best-practices inspired by:Allowed
NOT Allowed
My CLI Tool
Overview
Explain what the CLI does and who it is for. Example:
Quick Start (Recommended)
This scaffolds a project with recommended defaults.
Use Cases / Applications (Highly Important)
mytool init --template nodemytool run ./srcmytool run ./src --verbosemytool run --config ./mytool.jsonExample: Scaffold a new project
Output (expected)
Next: See Configuration to customize behavior.
Installation
Alternative installs:
npx my-cli-tool@latestUsage
Syntax
Global Help
Commands
initruninitCreates a new project structure with defaults.
Related: See the Quick Start and Use Cases section.
runProcesses files, applies rules, and generates output.
Related: See Options / Flags and Examples.
Options / Flags
-h,--help-v,--verbose--config <path>Examples
Basic
Verbose
Custom configuration
Configuration
Supports config files and environment variables.
Sample
mytool.json{ "outputDir": "./dist", "rules": { "example": true } }Environment variables
MYTOOL_CONFIG/etc/mytool.jsonMYTOOL_LOGLEVELdebugPrecedence
Output
./distby default--verboseto print detailed runtime informationExit Codes
Troubleshooting
command not foundsudo--somethingmytool --versionand updateContributing
npm installLicense
Add your license here.
See Also
Links to:
https://gh.io/customagents/config
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.