Editor

The Editor provides a complete development environment for individual skills.

Layout

The editor has four panels:

File tree (left). Navigate files in a multi-file skill.
Code editor (center). Monaco editor with Markdown syntax highlighting.
Inspector panel (right). Tabbed panel with Overview, Metadata, Validation, and Insights sub-tabs.
Tabs (top). Switch between open files.

The code editor is powered by Monaco (the same engine as VS Code). Features include:

The metadata tab provides a form-based interface for editing skill metadata:

Changes in the metadata tab sync immediately with the YAML frontmatter in the file.

The Editor provides real-time insights about your skill:

Insight	Description
Token budget	Estimated token count when loaded by an agent
File relationships	How files in a multi-file skill reference each other
Orphaned files	Files that exist but are not referenced
Validation	Structural issues like missing required fields

Each Editor tab corresponds to an open file. You can open multiple skills at once by using the file tree or the command palette.

Use the insights panel to keep your skills within token budget. Large skills may be truncated or ignored by some agent runtimes.

Last modified on March 19, 2026