YouTube Comment Highlight

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

• Handle *

  handle · string

  The commenter's @handle. Include the @, without it the card reads as a generic quote rather than as a comment.

  now: @marlowe.builds

• Time ago

  timeAgo · string

  Relative timestamp beside the handle, exactly as the platform words it.

  now: 2 days ago

• Comment *

  comment · string

  The comment itself. Two or three lines is the sweet spot: long enough to feel real, short enough to read before the shot cuts.

  now: Watched this twice. The bit at 4:12 finally made the whol…

• Likes

  likes · string

  Like count as written text, so 1.2K and 24 both set correctly without number formatting.

  now: 1.2K

• Replies

  replies · string

  Reply count line under the comment: '18 replies'. Empty omits the line.

  now: 18 replies

• Initials

  initials · string

  One or two characters for the drawn avatar. Empty uses the handle's first letter after the @.

  now: MB

• Avatar color

  avatarColor · string

  Avatar fill. Empty uses the brand accent, which keeps the card inside the video's palette.

• Hearted

  hearted · boolean

  Draw the creator's heart on the like row, landing as the last beat. The reason to feature a comment is usually that you replied to it.

  now: true

• Brand

  brand · string

  Brand preset. Light presets read as the platform's light mode, dark ones as its dark mode.

  now: paper