Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • attention awareness
  • mertbuilds.com
Made by mertbuilds.com
Skills/Frontend Development
umbraco avatar

Umbraco Ufm Component

umbraco/umbraco-cms-backoffice-skills

This lets Claude implement UFM (Umbraco Flavored Markdown) components, which are custom markers that transform into HTML when Umbraco renders markdown.

installs
296
GitHub stars
26
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-ufm-component --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingDownload freeBlock distraction from your iPhoneBlock now (100% free)Granola, the best AI meeting recorderSponsoredDownload for freeDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt installOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free Trial

What it does

You'd use it when you need dynamic content in markdown fields beyond the built-in markers like localization or property values. Think rendering custom icons with {@icon-document}, highlighting text with {!important}, or injecting any HTML through a simple syntax. The skill pulls from official Umbraco docs and includes the important gotcha that custom element tags must start with umb-, ufm-, or uui- or they get stripped by the sanitizer. It's pretty focused on one thing and handles it with working examples.

Files

Select a file.

Details

Repository
github.com/umbraco/umbraco-cms-backoffice-skills
Categories
Frontend Development, Documentation, .NET & C#
First seen
Jun 3, 2026

More from umbraco/umbraco-cms-backoffice-skills

All 76
  • Umbraco Example Generator295
  • Umbraco Validation Context295
  • Umbraco Mocked Backoffice294
  • Umbraco Playwright Testhelpers294
  • Umbraco Skill Validator294
  • Umbraco Skill Test Runner292
  • Umbraco E2e Testing291
  • Umbraco Msw Testing291
  • Umbraco Skill Code Analyzer291
  • Umbraco Unit Testing289
  • Umbraco Test Builders286
  • Umbraco Testing283
  • Umbraco Backoffice350
  • Umbraco Controllers325
  • Umbraco Dashboard322
  • Umbraco Extension Template320
  • Umbraco Quickstart316
  • Umbraco Property Editor Ui315
  • Umbraco Extension Registry313
  • Umbraco Openapi Client312
  • Umbraco Routing312
  • Umbraco Add Extension Reference311
  • Umbraco Menu Items311
  • Umbraco Mfa Login Provider311

Recommended

More Frontend Development
1gentleman-programming avatarangular-architecturegentleman-programming/gentleman-skillsAngular architecture: Scope Rule, project structure, file naming, style guide. Trigger: When structuring Angular projects or deciding where to place components.294installs
2aradotso avatarhuashu-design-html-nativearadotso/trending-skillshuashu design html native290installs
3existential-birds avatarreact-flow-code-reviewexistential-birds/beagleReviews React Flow code for anti-patterns, performance issues, and best practices. Use when reviewing code that uses @xyflow/react, checking for common mistakes289installs
4carmahhawwari avatarui-design-braincarmahhawwari/ui-design-brainui design brain288installs
5dengineproblem avatarfrontend-designdengineproblem/agents-monorepofrontend design288installs
6sickn33 avatarvercel-react-best-practicessickn33/antigravity-awesome-skillsvercel react best practices287installs