skills.rest
DS-codi
DS-codiCOMMUNITY
Explore all skills by this author →
GitHub

vscode-chat-response-stream

Render markdown, command buttons, file trees, and progress indicators in VS Code chat responses.

Updated Aug 27, 2026
Search Tags:#ui#vscode#developer tools#chat#extension development#response formatting
One-click install
npx skills add https://github.com/DS-codi/Project-Memory-MCP --skill vscode-chat-response-stream
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vscode-chat-response-stream
Source: https://github.com/DS-codi/Project-Memory-MCP/tree/main/skills/vscode-chat-response-stream
Command: npx skills add https://github.com/DS-codi/Project-Memory-MCP --skill vscode-chat-response-stream

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide to effectively building rich, interactive responses within VS Code's chat interface, ensuring users receive clear and actionable information.

Core Features & Use Cases

  • Diverse Response Types: Learn to use markdown, command buttons, file trees, progress messages, and references/anchors.
  • Follow-up Suggestions: Implement ChatFollowupProvider to guide users with contextual next steps.
  • Use Case: When an AI assistant completes a complex task, it can present the results using a file tree for affected files, buttons to perform related actions (like committing changes), and follow-up prompts to continue the workflow.

Quick Start

Use the vscode-chat-response-stream skill to add a clickable button to your chat response.

Frequently Asked Questions about vscode-chat-response-stream

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render interactive command buttons in a VS Code chat response?▼

To render interactive command buttons in a VS Code chat response, utilize the `ChatResponseStream` API methods, which support adding clickable command buttons directly within the chat participant interface.

Can I display a file tree for affected files in the VS Code chat interface?▼

Yes, you can display a file tree for affected files in the VS Code chat interface. The `ChatResponseStream` methods enable rendering diverse response types, including file trees and progress indicators for complex AI tasks.

How does ChatFollowupProvider work for contextual user prompts in VS Code extensions?▼

The `ChatFollowupProvider` works by generating contextual follow-up suggestions that guide users with next steps. Implementing it in your VS Code extension prompts users to continue the workflow seamlessly after a response.

What are common pitfalls when formatting chat responses with ChatResponseStream?▼

Common pitfalls when formatting chat responses with `ChatResponseStream` include anti-patterns that hinder robust chat UI development. Addressing these ensures dynamic responses render markdown, references, and anchors without issues.

What is the best way to guide users with next steps after an AI assistant completes a task in VS Code?▼

The best way to guide users after an AI assistant completes a task in VS Code is implementing `ChatFollowupProvider`. It provides contextual user prompts, enabling clickable follow-up suggestions to continue the workflow.

Related Skills

Explore More Software Engineering Skills→
fabioc-alohafabioc-aloha
1

Chat Participant Patterns Skill

Create VS Code chat participants with streaming responses and tool calling.

Community
Intermediate
anoopg87anoopg87
1

add-llm-provider

Implement LLMProvider interfaces for external language model APIs in KAgentic.

Community
Advanced
deybhaydendeybhayden
9

vscode

Compare file versions side-by-side using the VS Code CLI.

Community
Advanced
TheBushidoCollectiveTheBushidoCollective
187

fastapi-validation

Validate FastAPI requests and responses with Pydantic v2 models.

Official
Advanced