skills.rest
Minara-AI
Minara-AIOFFICIAL
Explore all skills by this author →
Website𝕏@minaraGitHub

extension-dev

Compile and debug the cc-connect VSCode extension with TypeScript and React.

28|3|Updated Apr 28, 2026
Search Tags:#typescript#development#vscode#debugging#react#extension
One-click install
npx skills add https://github.com/Minara-AI/cc-connect --skill extension-dev-minara-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: extension-dev
Source: https://github.com/Minara-AI/cc-connect/tree/main/vscode-extension/.claude/skills/extension-dev
Command: npx skills add https://github.com/Minara-AI/cc-connect --skill extension-dev-minara-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill resolves the friction of iterating on the cc-connect VSCode extension by providing a clear operational framework for building, debugging, and testing the extension's host and webview components.

Core Features & Use Cases

  • Build & Reload Workflow: Provides the exact commands to compile host and webview code, ensuring changes are correctly reflected in the dev host.
  • Subsystem Debugging: Offers a clear map of the extension architecture, helping you identify which component owns specific behaviors like sidebar trees, webview panels, or daemon orchestration.
  • Runtime Inspection: Includes diagnostic commands to check active daemons, inspect room logs, and validate SDK plumbing without consuming quota.

Quick Start

Run the extension-dev skill to compile the host and webview code before launching the VSCode dev host for testing.

Frequently Asked Questions about extension-dev

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

FAQPage Schema
How do I compile and debug a VSCode extension with TypeScript and React webviews?▼

To compile and debug a VSCode extension with TypeScript and React webviews, use the extension-dev skill to orchestrate build workflows and launch the dev host for iterative testing.

What is the best way to inspect IPC traffic and runtime state for a VSCode extension?▼

The best way to inspect IPC traffic and runtime state is to use built-in diagnostic tools that check active daemons and validate SDK plumbing without consuming quota.

Do I need bun to build and manage cc-connect extension compilation?▼

Yes, you need bun installed as the build manager, because the extension development workflow relies on it to compile host logic and webview interfaces correctly.

How does subsystem debugging work for VSCode extensions with background daemon orchestration?▼

Subsystem debugging works by providing a map of the extension architecture to identify which specific component owns behaviors like sidebar trees, webview panels, or daemon orchestration.

Why are my React webview code changes not reflecting in the VSCode dev host?▼

React webview changes may not reflect because the host and webview code were not recompiled before launching the VSCode dev host, requiring a specific build and reload workflow.

Can I test background daemon orchestration for VSCode extensions without using quota?▼

Yes, you can test background daemon orchestration and inspect room logs without using quota by utilizing the provided diagnostic commands to validate the runtime state.

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
aadorianaadorian

integration-tests

Run VS Code integration tests for node.js files and extension host suites.

Community
Intermediate
thehivegroup-aithehivegroup-ai

untitledui-docs

Search, install, and integrate Untitled UI React components via MCP.

Official
Advanced
jwiegleyjwiegley
20

nixos

Diagnose and fix NixOS configurations and package resolution failures.

Community
Advanced