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.

주요 기능

01Integrated CLI detection and server lifecycle management

02Standardized build, watch, and packaging scripts for .vsix creation

03Automated command registration and configuration management workflows

04Tailored support for YAML completion providers and syntax diagnostics

051 GitHub stars

06Pre-configured directory structure for extension entry points and snippets

사용 사례

01Integrating external CLI tools with VS Code extension commands

02Automating the build and packaging pipeline for production extension releases

03Developing custom YAML-driven completion providers and validation rules

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 7nohe/figram vscode-extension

For use in Claude.ai and ChatGPT

Download Skill