make-content-editable
Installation
SKILL.md
Make Content Editable
Convert hardcoded Vue components found in a markdown file into slot-based, Nuxt Studio-editable MDC components.
References
Consult these files as you work through each step:
| File | When to consult |
|---|---|
references/vue-slots.md |
Slot naming conventions, props vs slots, mdc-unwrap, interactive components |
references/mdc-syntax.md |
Colon depth, indentation, slot ordering, parse errors |
references/nuxt-studio.md |
Why slots = editable regions, v-show rule |
references/nuxt-components.md |
Nuxt component auto-discovery, props, default/named slots |
references/nuxt-ui-components.md |
UPageHero/UCard slot API, :ui overrides, text-center quirk |
references/tailwind-purging.md |
Static lookup maps for color props |