@code
8️⃣ Build a Responsive UI through Prompt‑Driven Development How Copilot enhances the Notes app by making the layout responsive, adding real‑time search, and generating the project README. https://t.co/E5ARTouipO
🐦 Twitter Post Details
Viewing enriched Twitter post
📊 Media Metadata
{
"media": [
{
"type": "photo",
"url": "https://crmoxkoizveukayfjuyo.supabase.co/storage/v1/object/public/media/posts/2009097870410985655/media_0.jpg?",
"filename": "media_0.jpg"
}
],
"processed_at": "2026-01-18T17:41:33.886281",
"pipeline_version": "2.0"
}🔧 Raw API Response
{
"type": "tweet",
"id": "2009097870410985655",
"url": "https://x.com/code/status/2009097870410985655",
"twitterUrl": "https://twitter.com/code/status/2009097870410985655",
"text": "8️⃣ Build a Responsive UI through Prompt‑Driven Development\n\nHow Copilot enhances the Notes app by making the layout responsive, adding real‑time search, and generating the project README. \n\nhttps://t.co/E5ARTouipO",
"source": "Twitter for iPhone",
"retweetCount": 1,
"replyCount": 1,
"likeCount": 11,
"quoteCount": 0,
"viewCount": 16129,
"createdAt": "Thu Jan 08 03:00:34 +0000 2026",
"lang": "en",
"bookmarkCount": 7,
"isReply": true,
"inReplyToId": "2009097869513412865",
"conversationId": "2009097862517342442",
"displayTextRange": [
0,
214
],
"inReplyToUserId": "3167734591",
"inReplyToUsername": "code",
"author": {
"type": "user",
"userName": "code",
"url": "https://x.com/code",
"twitterUrl": "https://twitter.com/code",
"id": "3167734591",
"name": "Visual Studio Code",
"isVerified": false,
"isBlueVerified": true,
"verifiedType": null,
"profilePicture": "https://pbs.twimg.com/profile_images/1545098208556097536/rKXaODLl_normal.jpg",
"coverPicture": "https://pbs.twimg.com/profile_banners/3167734591/1751299629",
"description": "",
"location": "Redmond, WA, USA",
"followers": 777733,
"following": 147,
"status": "",
"canDm": true,
"canMediaTag": true,
"createdAt": "Wed Apr 22 16:53:09 +0000 2015",
"entities": {
"description": {
"urls": []
},
"url": {}
},
"fastFollowersCount": 0,
"favouritesCount": 3534,
"hasCustomTimelines": true,
"isTranslator": false,
"mediaCount": 1953,
"statusesCount": 8314,
"withheldInCountries": [],
"affiliatesHighlightedLabel": {},
"possiblySensitive": false,
"pinnedTweetIds": [
"2009428464626016700"
],
"profile_bio": {
"description": "The open source AI code editor",
"entities": {
"description": {},
"url": {
"urls": [
{
"display_url": "code.visualstudio.com",
"expanded_url": "https://code.visualstudio.com",
"indices": [
0,
23
],
"url": "https://t.co/HQDNY75DqR"
}
]
}
}
},
"isAutomated": false,
"automatedBy": null
},
"extendedEntities": {},
"card": {
"binding_values": [
{
"key": "player_url",
"value": {
"string_value": "https://www.youtube.com/embed/jVbBXjOsKzw"
}
},
{
"key": "player_image_large",
"value": {
"image_value": {
"height": 320,
"url": "https://pbs.twimg.com/card_img/2011634631725236226/DlkR3r0t?format=jpg&name=800x320_1",
"width": 569
}
}
},
{
"key": "player_image",
"value": {
"image_value": {
"height": 158,
"url": "https://pbs.twimg.com/card_img/2011634631725236226/DlkR3r0t?format=jpg&name=280x280",
"width": 280
}
}
},
{
"key": "app_star_rating",
"value": {
"string_value": "4.67852"
}
},
{
"key": "description",
"value": {
"string_value": "In this video, we use GitHub Copilot in VS Code to enhance the Notes app. You’ll see how Copilot makes the layout responsive, adds a real-time search feature..."
}
},
{
"key": "player_width",
"value": {
"string_value": "1280"
}
},
{
"key": "domain",
"value": {
"string_value": "www.youtube.com"
}
},
{
"key": "app_is_free",
"value": {
"string_value": "true"
}
},
{
"key": "site",
"value": {
"scribe_key": "publisher_id",
"user_value": {
"id_str": "10228272"
}
}
},
{
"key": "player_image_original",
"value": {
"image_value": {
"height": 720,
"url": "https://pbs.twimg.com/card_img/2011634631725236226/DlkR3r0t?format=jpg&name=orig",
"width": 1280
}
}
},
{
"key": "app_url_resolved",
"value": {
"string_value": "vnd.youtube://www.youtube.com/watch?v=jVbBXjOsKzw&feature=applinks"
}
},
{
"key": "app_num_ratings",
"value": {
"string_value": "45,498,059"
}
},
{
"key": "app_price_amount",
"value": {
"string_value": "0.0"
}
},
{
"key": "player_height",
"value": {
"string_value": "720"
}
},
{
"key": "vanity_url",
"value": {
"scribe_key": "vanity_url",
"string_value": "youtube.com"
}
},
{
"key": "app_name",
"value": {
"string_value": "YouTube"
}
},
{
"key": "app_id",
"value": {
"scribe_key": "publisher_app_id",
"string_value": "544007664"
}
},
{
"key": "player_image_small",
"value": {
"image_value": {
"height": 81,
"url": "https://pbs.twimg.com/card_img/2011634631725236226/DlkR3r0t?format=jpg&name=144x144",
"width": 144
}
}
},
{
"key": "title",
"value": {
"string_value": "Build a Responsive UI through Prompt Driven Development"
}
},
{
"key": "app_price_currency",
"value": {
"string_value": "USD"
}
},
{
"key": "app_url",
"value": {
"string_value": "https://t.co/redirect?url=vnd.youtube%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjVbBXjOsKzw%26feature%3Dapplinks&sig=1a1190da508ae924231f7ad4bd61b3044f6bb45e&ssr=true&slug=E5ARTouipO"
}
},
{
"key": "card_url",
"value": {
"scribe_key": "card_url",
"string_value": "https://t.co/E5ARTouipO"
}
},
{
"key": "player_image_color",
"value": {
"image_color_value": {
"palette": [
{
"percentage": 46.85,
"rgb": {
"blue": 55,
"green": 26,
"red": 11
}
},
{
"percentage": 16.19,
"rgb": {
"blue": 206,
"green": 199,
"red": 192
}
},
{
"percentage": 16.06,
"rgb": {
"blue": 28,
"green": 27,
"red": 31
}
},
{
"percentage": 5.21,
"rgb": {
"blue": 143,
"green": 114,
"red": 94
}
},
{
"percentage": 3.18,
"rgb": {
"blue": 170,
"green": 185,
"red": 221
}
}
]
}
}
},
{
"key": "player_image_x_large",
"value": {
"image_value": {
"height": 720,
"url": "https://pbs.twimg.com/card_img/2011634631725236226/DlkR3r0t?format=png&name=2048x2048_2_exp",
"width": 1280
}
}
}
],
"card_platform": {
"platform": {
"audience": {
"name": "production"
},
"device": {
"name": "iPhone",
"version": "13"
}
}
},
"name": "player",
"url": "https://t.co/E5ARTouipO",
"user_refs_results": [
{
"rest_id": "10228272",
"result": {
"__typename": "User",
"action_counts": {
"favorites_count": 6030
},
"avatar": {
"image_url": "https://pbs.twimg.com/profile_images/1984471345854566400/5pd8GpgC_normal.jpg"
},
"banner": {
"image_url": "https://pbs.twimg.com/profile_banners/10228272/1764705659"
},
"core": {
"created_at": "Tue Nov 13 21:43:46 +0000 2007",
"name": "YouTube",
"screen_name": "YouTube"
},
"dm_permissions": {
"can_dm": false
},
"exclusive_tweet_following": false,
"identity_profile_labels_highlighted_label": {},
"location": {
"location": "San Bruno, CA"
},
"media_permissions": {
"can_media_tag": true
},
"notifications_settings": {},
"pinned_items": {},
"privacy": {},
"private_super_following": false,
"profile_bio": {
"description": "like & subscribe",
"entities": {
"description": {},
"url": {
"urls": [
{
"display_url": "youtube.com/recap",
"expanded_url": "http://youtube.com/recap",
"indices": [
0,
23
],
"url": "https://t.co/URnyVVv35T"
}
]
}
}
},
"profile_image_shape": "Square",
"profile_metadata": {
"profile_interstitial_type": "",
"profile_link_color": "C9191D"
},
"profile_translation": {
"translator_type_enum": "Regular"
},
"properties": {
"has_extended_profile": false
},
"relationship_counts": {
"followers": 68033327,
"following": 1144
},
"relationship_perspectives": {},
"rest_id": "10228272",
"super_follow_eligible": false,
"super_followed_by": false,
"super_following": false,
"tweet_counts": {
"media_tweets": 16067,
"tweets": 60611
},
"website": {
"url": "https://t.co/URnyVVv35T"
},
"verification": {
"is_blue_verified": true,
"verified_type": "Business"
}
}
}
]
},
"place": {},
"entities": {
"urls": [
{
"display_url": "youtube.com/watch?v=jVbBXj…",
"expanded_url": "https://www.youtube.com/watch?v=jVbBXjOsKzw",
"indices": [
191,
214
],
"url": "https://t.co/E5ARTouipO"
}
]
},
"quoted_tweet": null,
"retweeted_tweet": null,
"isLimitedReply": false,
"article": null
}