Skip to content

Create VSCode marketplace listing (description, icon, banner, categories) #64

@johnproblems

Description

@johnproblems

Task: Create VSCode marketplace listing (description, icon, banner, categories)

Description

Create professional marketplace assets and metadata for the VSCode extension listing, including icon, banner image, comprehensive description, and proper categorization. This ensures the extension presents professionally on the VSCode marketplace and attracts users.

Acceptance Criteria

  • Extension icon created (128x128 PNG with transparent background)
  • Banner image created for marketplace (optional but recommended)
  • Marketplace description written (short and detailed versions)
  • Categories and tags selected appropriately
  • Publisher information configured
  • Gallery banner color set
  • Keywords optimized for discoverability
  • Package.json metadata complete and accurate

Technical Details

  • Update extensions/vscode/package.json with:
    • displayName: User-friendly extension name
    • description: Concise one-line description (< 140 chars)
    • categories: ["Project Management", "Other"]
    • keywords: ["ccpm", "critical chain", "project management", "tasks", "epics"]
    • icon: Path to extension icon
    • galleryBanner: { "color": "#1E1E1E", "theme": "dark" }
    • publisher: Publisher ID from VSCode marketplace
    • repository: GitHub repository URL
    • bugs: Issues URL
    • homepage: Project homepage/README URL
    • license: License identifier
  • Create extension icon:
    • Size: 128x128 pixels
    • Format: PNG with transparency
    • Design: Clean, recognizable, represents CCPM/project management
    • Save as: extensions/vscode/media/icon.png
  • Create optional banner:
    • Size: 1280x640 pixels
    • Format: PNG
    • Complementary to icon design
  • Write marketplace description sections:
    • Short description (for search results)
    • Detailed description (features, benefits, use cases)
    • Include feature list with bullet points
    • Add usage instructions
    • Include screenshots/GIFs
  • Files affected:
    • extensions/vscode/package.json (updated)
    • extensions/vscode/media/icon.png (new file)
    • extensions/vscode/media/banner.png (optional, new file)

Dependencies

  • Task 2: Extension scaffolding with package.json
  • Task 62: README complete for description content
  • Task 63: Demo GIFs available for gallery
  • Publisher account created on VSCode marketplace

Effort Estimate

  • Size: S
  • Hours: 4
  • Parallel: false

Definition of Done

  • Code implemented
  • Tests written and passing
  • Documentation updated
  • Code reviewed

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions