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
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.
Use the insights panel to keep your skills within token budget. Large skills may be truncated or ignored by some agent runtimes.
