feat: publish blog post on GitHub Copilot Context Extensions; add supporting icons for custom agents, agent skills, MCP tools, and MCP apps

Author: harrybin

public/assets/agent-skills-icon.svg

@@ -1,10 +1,10 @@
 ---
 author: Harald Binkle
-pubDatetime: 2026-01-28T10:00:00Z
+pubDatetime: 2026-01-28T20:00:00Z
 title: GitHub Copilot Context Extensions Compared
 postSlug: github-copilot-context-extensions-compared
 featured: false
-draft: true
+draft: false
 tags:
   - GitHub Copilot
   - Copilot
@@ -41,6 +41,12 @@ The last three are the focus of this comparison.
 
 ## Custom Agents
 
+<img
+  src="/assets/custom-agents-icon.svg"
+  alt="Custom Agents - Multiple AI personas"
+  style="float: right; width: 120px; margin: 0 0 1rem 1rem;"
+/>
+
 > 📖 [VS Code Custom Agents Documentation](https://code.visualstudio.com/docs/copilot/customization/custom-agents)
 
 Custom Agents (previously known as "custom chat modes") let you create specialized AI personas for specific development roles or tasks. They combine instructions with tool restrictions to create focused configurations that you can switch between during your work.
@@ -98,6 +104,12 @@ Don't make code changes unless they're documentation-related (comments, JSDoc, R
 
 ## Agent Skills
 
+<img
+  src="/assets/agent-skills-icon.svg"
+  alt="Agent Skills - Folders with capabilities"
+  style="float: right; width: 120px; margin: 0 0 1rem 1rem;"
+/>
+
 > 📖 [VS Code Agent Skills Documentation](https://code.visualstudio.com/docs/copilot/customization/agent-skills) | [Agent Skills Standard](https://agentskills.io/)
 
 Agent Skills are the newest addition to the Copilot extension ecosystem in VS Code. They follow an open standard that works across multiple AI tools, including VS Code, GitHub Copilot CLI, and GitHub Copilot coding agent. Unlike instruction files that primarily define guidelines, skills teach Copilot specialized capabilities that can include scripts, examples, and other resources.
@@ -152,6 +164,12 @@ When testing web applications:
 
 ## MCP Tools
 
+<img
+  src="/assets/mcp-tools-icon.svg"
+  alt="MCP Tools - External service connections"
+  style="float: right; width: 120px; margin: 0 0 1rem 1rem;"
+/>
+
 > 📖 [VS Code MCP Documentation](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) | [Model Context Protocol](https://modelcontextprotocol.io/)
 
 Model Context Protocol (MCP) is an open standard for connecting AI models to external services and data sources. Think of it as a "USB-C port for AI applications" that provides standardized access to databases, APIs, file systems, and other external tools.
@@ -201,6 +219,12 @@ MCP servers run either locally or remotely and expose tools, resources, and prom
 
 ### MCP Apps: The Next Evolution
 
+<img
+  src="/assets/mcp-apps-icon.svg"
+  alt="MCP Apps - Interactive AI applications"
+  style="float: right; width: 100px; margin: 0 0 1rem 1rem;"
+/>
+
 > 📖 [GitHub MCP Server Registry](https://github.com/mcp)
 
 Beyond traditional MCP servers, a new type is emerging: **MCP Apps**. While MCP servers expose tools and resources for AI invocation, MCP apps take this further by providing interactive experiences that combine AI capabilities with user interfaces. They present information visually, enable user interaction, and create richer workflows than pure tool invocations.