cloudcannon-visual-editing
Installation
SKILL.md
CloudCannon Visual Editing
@cloudcannon/editable-regions makes page elements interactive in CloudCannon's Visual Editor. This skill covers the editable regions API, integration setup, and SSG-specific patterns for wiring up text, image, array, and component editables.
When to use this skill
- Adding Visual Editor support to a new or existing CloudCannon site
- Making page sections editable (text, images, arrays, components)
- Setting up component re-rendering for live preview
- Debugging editable regions that aren't appearing or updating
- Adding editable regions to shared partials backed by data files
Docs
| Doc | When to read |
|---|---|
| editable-regions.md | Start here. Region types, attribute reference, when to use components vs primitives |
| editable-regions-internals.md | Only when debugging. Lifecycle traces, JavaScript API reference |