Summary
This lets Claude build custom preview apps for Umbraco's backoffice, the tools that show up in the content preview menu when editors are checking their work. Think device simulators, accessibility checkers, or SEO analyzers. The skill fetches current docs from docs.umbraco.com and generates the TypeScript manifest plus Lit element needed to hook into the preview system. It's narrow in scope but useful if you're extending Umbraco's editing experience. The examples show how to toggle preview modes and resize iframes, which covers most preview app patterns. One caution: you need to understand the preview iframe context to do anything meaningful beyond basic UI.
Install to Claude Code
npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-preview-app-provider --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
