> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skillcreator.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor

> A full IDE for editing skills with Monaco, file tree, frontmatter panel, and insights.

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.

## Monaco editor

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

* Markdown syntax highlighting
* Auto-save
* Find and replace
* Multi-cursor editing
* Bracket matching
* Word wrap

## Metadata tab

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

* Name and description
* Tags (add/remove with chips)
* Allowed tools (tool selector)
* User invocable (switch)
* License

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

## Insights

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       |

## Tabs

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

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