@github
Cool: Building a 60fps animated ASCII banner for GitHub Copilot CLI. π Even cooler: Rendering high-res animation in a terminal without breaking performance. ππ Here's how we did it. π οΈ https://t.co/4qTvoL6VQj
Viewing enriched Twitter post
Cool: Building a 60fps animated ASCII banner for GitHub Copilot CLI. π Even cooler: Rendering high-res animation in a terminal without breaking performance. ππ Here's how we did it. π οΈ https://t.co/4qTvoL6VQj
{
"media": [
{
"type": "photo",
"url": "https://crmoxkoizveukayfjuyo.supabase.co/storage/v1/object/public/media/posts/2025523463725699328/media_0.jpg?",
"filename": "media_0.jpg"
}
],
"processed_at": "2026-03-01T19:32:24.445309",
"pipeline_version": "2.0"
} {
"type": "tweet",
"id": "2025523463725699328",
"url": "https://x.com/github/status/2025523463725699328",
"twitterUrl": "https://twitter.com/github/status/2025523463725699328",
"text": "Cool: Building a 60fps animated ASCII banner for GitHub Copilot CLI. π\n\nEven cooler: Rendering high-res animation in a terminal without breaking performance. ππ\n\nHere's how we did it. π οΈ\nhttps://t.co/4qTvoL6VQj",
"source": "Twitter for iPhone",
"retweetCount": 54,
"replyCount": 39,
"likeCount": 532,
"quoteCount": 5,
"viewCount": 54116,
"createdAt": "Sun Feb 22 10:50:00 +0000 2026",
"lang": "en",
"bookmarkCount": 140,
"isReply": false,
"inReplyToId": null,
"conversationId": "2025523463725699328",
"displayTextRange": [
0,
210
],
"inReplyToUserId": null,
"inReplyToUsername": null,
"author": {
"type": "user",
"userName": "github",
"url": "https://x.com/github",
"twitterUrl": "https://twitter.com/github",
"id": "13334762",
"name": "GitHub",
"isVerified": false,
"isBlueVerified": true,
"verifiedType": "Business",
"profilePicture": "https://pbs.twimg.com/profile_images/1633247750010830848/8zfRrYjA_normal.png",
"coverPicture": "https://pbs.twimg.com/profile_banners/13334762/1765308302",
"description": "",
"location": "San Francisco, CA",
"followers": 2616684,
"following": 332,
"status": "",
"canDm": false,
"canMediaTag": true,
"createdAt": "Mon Feb 11 04:41:50 +0000 2008",
"entities": {
"description": {
"urls": []
},
"url": {}
},
"fastFollowersCount": 0,
"favouritesCount": 8632,
"hasCustomTimelines": true,
"isTranslator": false,
"mediaCount": 2908,
"statusesCount": 10382,
"withheldInCountries": [],
"affiliatesHighlightedLabel": {},
"possiblySensitive": false,
"pinnedTweetIds": [
"2019093909981257849"
],
"profile_bio": {
"description": "The AI-powered developer platform to build, scale, and deliver secure software.",
"entities": {
"description": {
"hashtags": [],
"symbols": [],
"urls": [],
"user_mentions": []
},
"url": {
"urls": [
{
"display_url": "github.com",
"expanded_url": "http://github.com",
"indices": [
0,
23
],
"url": "https://t.co/bbJgfyzKzp"
}
]
}
}
},
"isAutomated": false,
"automatedBy": null
},
"extendedEntities": {},
"card": {
"binding_values": [
{
"key": "photo_image_full_size_large",
"value": {
"image_value": {
"height": 419,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=800x419",
"width": 800
}
}
},
{
"key": "thumbnail_image",
"value": {
"image_value": {
"height": 147,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=280x150",
"width": 280
}
}
},
{
"key": "description",
"value": {
"string_value": "Learn how GitHub built an ASCII animation for the Copilot CLI using custom tooling, ANSI color roles, and advanced terminal engineering."
}
},
{
"key": "domain",
"value": {
"string_value": "github.blog"
}
},
{
"key": "thumbnail_image_large",
"value": {
"image_value": {
"height": 315,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=600x600",
"width": 600
}
}
},
{
"key": "summary_photo_image_small",
"value": {
"image_value": {
"height": 202,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=386x202",
"width": 386
}
}
},
{
"key": "thumbnail_image_original",
"value": {
"image_value": {
"height": 1260,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=orig",
"width": 2400
}
}
},
{
"key": "photo_image_full_size_small",
"value": {
"image_value": {
"height": 202,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=386x202",
"width": 386
}
}
},
{
"key": "summary_photo_image_large",
"value": {
"image_value": {
"height": 419,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=800x419",
"width": 800
}
}
},
{
"key": "thumbnail_image_small",
"value": {
"image_value": {
"height": 76,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=144x144",
"width": 144
}
}
},
{
"key": "thumbnail_image_x_large",
"value": {
"image_value": {
"height": 1075,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "photo_image_full_size_original",
"value": {
"image_value": {
"height": 1260,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=orig",
"width": 2400
}
}
},
{
"key": "vanity_url",
"value": {
"scribe_key": "vanity_url",
"string_value": "github.blog"
}
},
{
"key": "photo_image_full_size",
"value": {
"image_value": {
"height": 314,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=600x314",
"width": 600
}
}
},
{
"key": "thumbnail_image_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 76.03,
"rgb": {
"blue": 24,
"green": 24,
"red": 24
}
},
{
"percentage": 7.92,
"rgb": {
"blue": 254,
"green": 183,
"red": 208
}
},
{
"percentage": 6.75,
"rgb": {
"blue": 195,
"green": 161,
"red": 99
}
},
{
"percentage": 3.56,
"rgb": {
"blue": 232,
"green": 93,
"red": 141
}
},
{
"percentage": 2.27,
"rgb": {
"blue": 197,
"green": 117,
"red": 182
}
}
]
}
}
},
{
"key": "title",
"value": {
"string_value": "From pixels to characters: The engineering behind GitHub Copilot CLIβs animated ASCII banner"
}
},
{
"key": "summary_photo_image_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 76.03,
"rgb": {
"blue": 24,
"green": 24,
"red": 24
}
},
{
"percentage": 7.92,
"rgb": {
"blue": 254,
"green": 183,
"red": 208
}
},
{
"percentage": 6.75,
"rgb": {
"blue": 195,
"green": 161,
"red": 99
}
},
{
"percentage": 3.56,
"rgb": {
"blue": 232,
"green": 93,
"red": 141
}
},
{
"percentage": 2.27,
"rgb": {
"blue": 197,
"green": 117,
"red": 182
}
}
]
}
}
},
{
"key": "summary_photo_image_x_large",
"value": {
"image_value": {
"height": 1075,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "summary_photo_image",
"value": {
"image_value": {
"height": 314,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=600x314",
"width": 600
}
}
},
{
"key": "photo_image_full_size_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 76.03,
"rgb": {
"blue": 24,
"green": 24,
"red": 24
}
},
{
"percentage": 7.92,
"rgb": {
"blue": 254,
"green": 183,
"red": 208
}
},
{
"percentage": 6.75,
"rgb": {
"blue": 195,
"green": 161,
"red": 99
}
},
{
"percentage": 3.56,
"rgb": {
"blue": 232,
"green": 93,
"red": 141
}
},
{
"percentage": 2.27,
"rgb": {
"blue": 197,
"green": 117,
"red": 182
}
}
]
}
}
},
{
"key": "photo_image_full_size_x_large",
"value": {
"image_value": {
"height": 1075,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=png&name=2048x2048_2_exp",
"width": 2048
}
}
},
{
"key": "card_url",
"value": {
"scribe_key": "card_url",
"string_value": "https://t.co/4qTvoL6VQj"
}
},
{
"key": "summary_photo_image_original",
"value": {
"image_value": {
"height": 1260,
"url": "https://pbs.twimg.com/card_img/2025575647653822464/EqYUA2EW?format=jpg&name=orig",
"width": 2400
}
}
}
],
"card_platform": {
"platform": {
"audience": {
"name": "production"
},
"device": {
"name": "iPhone",
"version": "13"
}
}
},
"name": "summary_large_image",
"url": "https://t.co/4qTvoL6VQj",
"user_refs_results": []
},
"place": {},
"entities": {
"hashtags": [],
"symbols": [],
"timestamps": [],
"urls": [
{
"display_url": "github.blog/engineering/frβ¦",
"expanded_url": "https://github.blog/engineering/from-pixels-to-characters-the-engineering-behind-github-copilot-clis-animated-ascii-banner/",
"indices": [
187,
210
],
"url": "https://t.co/4qTvoL6VQj"
}
],
"user_mentions": []
},
"quoted_tweet": null,
"retweeted_tweet": null,
"isLimitedReply": false,
"article": null
}