Skip to content

feat(completion-card): make SHIPPED CTA more visually prominent #35

@Mollywator

Description

@Mollywator

Summary

The shipped CTA line at the bottom of the completion card should be immediately eye-catching so the user can tell at a glance whether a ship succeeded or not. Currently it blends in with the rest of the card.

Proposed Change

Split the shipped CTA into two lines and use fullwidth Unicode + backtick highlight for maximum visual impact:

Before:

## 🚀 SHIPPED. 0.19.6 → 0.19.7 (patch) — LEHN dich zurueck, alles erledigt

After:

# 🚀🚀🚀 `SHIPPED!` 🚀🚀🚀
### 0.19.6 → 0.19.7 (patch) — LEHN dich zurueck, alles erledigt

What changes:

  • ### (h1 instead of h2 — larger)
  • SHIPPED.`SHIPPED!` (fullwidth Unicode in backtick code span — stands out via monospace highlight)
  • Split into two lines: status word dominates on its own line, version info below as h3
  • 3x rocket emoji on both sides

Files to change:

  • mcp-server/index.js — CTA templates for shipped-bump and shipped-plain (both en and de)
  • templates/completion-card.md — documentation tables for shipped variants

Why fullwidth + backtick?

Tested multiple approaches in Claude Desktop App rendering:

  • HTML <mark>, <span style> — not rendered
  • GFM alert syntax > [!IMPORTANT] — works but wrong semantic
  • Backtick code span — renders with distinct background
  • Fullwidth Unicode — wider characters, more visual weight
  • Combination of backtick + fullwidth — best visual impact in practice

Context

User feedback from Star Citizen Companion project. The completion card is the final output after every task — shipped vs. not-shipped status must be instantly recognizable.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions