Skip to content

🎨 Establish cross-repo documentation standards: badges, Quick Start, screenshots, ecosystem links #73

Description

@mnoehrerETM

Summary

As the organization grows, establishing consistent documentation standards across all repositories would improve discoverability, onboarding, and professional appearance. This issue proposes a baseline set of documentation elements that every public repo should include.

Proposed Standards

1. README Badges

Add status badges to the top of every README for quick visibility:

  • CI/Build status — for repos with GitHub Actions workflows
  • npm version — for published npm packages (npm-winccoa-*)
  • VS Code Marketplace version — for published extensions (vscode-winccoa-*)
  • License badge — for all repos

Currently, most READMEs across the org have no badges at all.

2. Quick Start Section

Every repo README should include a short "Quick Start" or "Getting Started" section near the top, enabling new users to get up and running in under 2 minutes. This is especially important for:

  • npm packages (install + basic usage example)
  • VS Code extensions (install + first action)
  • CLI tools (install + first command)

3. Screenshots and GIFs for VS Code Extensions

Visual documentation is critical for VS Code extensions. Several extensions are missing visual assets:

Repository Status
vscode-winccoa-dp-inspector "GIF coming soon" placeholder in README
vscode-winccoa-sidepanel No screenshots or GIFs
vscode-winccoa-tools-package No visual overview of included extensions
vscode-winccoa-project-admin Could benefit from more screenshots
vscode-winccoa-tests Could benefit from screenshots of test explorer UI

4. Ecosystem Cross-Links

Each repo's README should link to related packages in the ecosystem. For example:

  • npm-winccoa-core should link to packages that depend on it (npm-winccoa-ctrl, npm-winccoa-ascii, etc.)
  • VS Code extensions should link to the extension pack (vscode-winccoa-tools-package)
  • The extension pack should link to each individual extension with a short description

Some repos already do this well (e.g., npm-winccoa-ascii), but it's not consistent.

5. API Reference for npm Packages

npm packages with public APIs should provide or link to generated API documentation (e.g., via TypeDoc):

  • npm-winccoa-core
  • npm-winccoa-ascii
  • npm-winccoa-ctrl
  • npm-winccoa-syntax-check
  • npm-winccoa-ui-pnl-xml

Suggested Approach

  1. Define a README template checklist in the .github repo (or update the existing templates)
  2. Prioritize badges and Quick Start sections as low-effort, high-impact improvements
  3. Collect screenshots/GIFs for VS Code extensions as they are updated
  4. Consider automating badge generation via a shared workflow or script

Reference

Repos that already follow good practices and can serve as models:

  • npm-winccoa-ascii — comprehensive README with ecosystem links
  • vscode-winccoa-ctrllang — detailed README with features and configuration
  • vscode-winccoa-logviewer — includes demo GIF and usage tips

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationenhancementNew feature or improvement

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions