How do I add a new command to the extension?

The skill guides you to first add the command to package.json under 'contributes.commands', register it in extension.ts using vscode.commands.registerCommand(), and finally add it to the extension context subscriptions.

How do I test the extension while developing?

You can use the VS Code debugger by pressing F5 to launch the Extension Development Host, which allows you to test your changes in a fresh VS Code instance.

Can I implement custom YAML validation?

Yes, the skill provides a workflow for managing diagnostics in the 'src/diagnostics/' directory, enabling YAML validation and real-time error highlighting.

What build tools are supported by this skill?

This skill specifically uses Bun for its build scripts, including commands for development builds with sourcemaps, watch mode, and production packaging.

VS Code Extension Architect

Name: VS Code Extension Architect
Author: 7nohe

by7nohe

•

開発者ツール

Streamlines VS Code extension development by managing command registration, YAML diagnostics, and automated build workflows.

概要

The VS Code Extension Architect skill provides a specialized environment for building and maintaining sophisticated VS Code extensions, specifically optimized for the Figram ecosystem. It offers structured guidance for implementing core extension features such as YAML-based completion providers, diagnostic error highlighting, and CLI-integrated server management. By providing a standardized workflow for build scripts, configuration properties, and command registration, it ensures that developers can focus on feature logic while maintaining a production-ready extension architecture.

主な機能

Integrated CLI detection and server lifecycle management
Standardized build, watch, and packaging scripts for .vsix creation
Automated command registration and configuration management workflows
Tailored support for YAML completion providers and syntax diagnostics
1 GitHub stars
Pre-configured directory structure for extension entry points and snippets

ユースケース

Integrating external CLI tools with VS Code extension commands
Automating the build and packaging pipeline for production extension releases
Developing custom YAML-driven completion providers and validation rules

概要

主な機能

Integrated CLI detection and server lifecycle management
Standardized build, watch, and packaging scripts for .vsix creation
Automated command registration and configuration management workflows
Tailored support for YAML completion providers and syntax diagnostics
1 GitHub stars
Pre-configured directory structure for extension entry points and snippets

ユースケース

Integrating external CLI tools with VS Code extension commands
Automating the build and packaging pipeline for production extension releases
Developing custom YAML-driven completion providers and validation rules