skills.rest
tankygranny05
tankygranny05COMMUNITY
Explore all skills by this author →
GitHub

thinking-control-flow

Manage AI thinking output visibility in the VS Code extension webview.

2|Updated Jan 30, 2026
Search Tags:#ui#vscode#ai#streaming#control flow#webview
One-click install
npx skills add https://github.com/tankygranny05/agent-box --skill thinking-control-flow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: thinking-control-flow
Source: https://github.com/tankygranny05/agent-box/tree/main/agent-box/seed/claude-skills/thinking-control-flow
Command: npx skills add https://github.com/tankygranny05/agent-box --skill thinking-control-flow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses issues where AI "thinking" output in the VS Code extension appears non-streaming or has undesirable default UI states, allowing for better visibility and control over the AI's thought process.

Core Features & Use Cases

  • Auto-Expand Thinking: Ensures that the AI's thinking process is visible by default while it's generating output.
  • Default On/Off: Configure whether thinking is enabled by default for new sessions.
  • Conditional Display: Options to hide thinking until complete or ensure it's always expanded.
  • Persistence: Save user preferences for thinking visibility across reloads using VS Code's state API or localStorage.
  • Use Case: If you find yourself constantly expanding the "thinking" section to see the AI's intermediate steps, this skill can be used to automatically expand it for you.

Quick Start

Modify the src/public/webview/index.js file to ensure thinking streams are always visible by default.

Frequently Asked Questions about thinking-control-flow

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

FAQPage Schema
How do I auto-expand AI thinking output in a VS Code webview?▼

To auto-expand AI thinking output in a VS Code webview, modify the React component rendering logic in `src/public/webview/index.js` to ensure streaming thought processes remain visible by default during generation.

Can I persist AI thinking visibility preferences across VS Code reloads?▼

Yes, you can persist AI thinking visibility preferences across VS Code reloads by saving user preferences using the VS Code state API or localStorage, ensuring the expanded or collapsed state remains consistent.

How do I set the default UI state for AI thinking streams in a VS Code extension?▼

Set the default UI state for AI thinking streams by modifying server-side initialization parameters and React component rendering logic, configuring whether the thinking section is enabled or expanded for new sessions.

What's the best way to conditionally hide AI thinking until streaming completes?▼

The best way to conditionally hide AI thinking until streaming completes is by adjusting the webview component rendering logic to delay display, providing options to reveal the output only after the AI finishes generating.

Why does my AI thinking output appear non-streaming in the VS Code webview?▼

AI thinking output appears non-streaming in the VS Code webview due to default UI behavior issues, which can be resolved by updating component rendering logic to auto-expand and actively stream intermediate steps.

Does the thinking-control-flow skill require external dependencies to manage webview UI?▼

No, the thinking-control-flow skill requires no external dependencies to manage webview UI, operating entirely by modifying existing React component rendering logic and native VS Code state APIs.

Related Skills

Explore More Software Engineering Skills→
tbartel74tbartel74
14

react-tailwind-vigil-ui

Build React 18, Vite, and Tailwind CSS v4 frontend interfaces for Vigil Guard configuration.

Community
Advanced
djankiesdjankies

using-reducers

Manage complex React 19 state with useReducer and dispatched actions.

Community
Advanced
Montte-erpMontte-erp
6

tanstack-ai

Stream AI model outputs with tool calling and Zod-validated structured data.

Official
Advanced
retz8retz8

vscode-webview-expert

Implement secure VS Code WebView panels with CSP and messaging patterns.

Community
Advanced