mcpbeat Sign in

Content Management Systems Agent Skill

Workflow for building and modifying content management systems across WordPress, Shopify, Wix, Squarespace, Drupal, WooCommerce, Joomla, HubSpot CMS Hub, Webflow, Adobe Experience Manager, and similar platforms. Use when working on CMS themes, plugins, apps, modules, admin panels, media uploads, content models, editors, markdown pipelines, or static export workflows.

2k tokens
context cost
the whole folder, loaded on every use
2
files
instructions only
0
copies elsewhere
how many repositories repackaged it
37394
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/github/awesome-copilot --skill content-management-systems

What comes with it

3 314 bytes besides the instruction
references/cms-platform-workflows.md

The instruction itself

13 sections, as written by the author

Content Management Systems

Use this skill when the user is working on a content management system or on software that behaves like one.

This skill focuses on the seams that matter in CMS work:

  • themes and templates
  • plugins, apps, modules, and extensions
  • admin and editor interfaces
  • media and upload handling
  • content models, taxonomy, and metadata
  • render pipelines and static export flows

When to Use This Skill

  • The user mentions a CMS platform such as WordPress, Shopify, Drupal, Joomla, Webflow, Squarespace, Wix, WooCommerce, HubSpot CMS Hub, or Adobe Experience Manager.
  • The task is about theme development, template changes, or design system work inside a CMS.
  • The task is about plugins, modules, apps, or extension points.
  • The task touches editor UX, previews, taxonomy, slugs, SEO fields, or publishing behavior.
  • The task involves uploads, media libraries, authored assets, markdown rendering, or static export.

First Pass

  • Identify the platform category: self-hosted CMS, SaaS site builder, commerce platform, or hybrid/headless system.
  • Find the owning implementation seam before editing:
  • theme or template layer
  • plugin, app, module, or extension layer
  • admin or editor surface
  • content model or storage layer
  • media pipeline
  • export, deploy, or rendering pipeline
  • Check platform constraints before choosing an approach:
  • what is editable locally
  • what is authored content versus code
  • where media belongs
  • whether the final site is server-rendered, static-exported, or hosted remotely

CMS Rules

  • Follow the platform's naming and folder conventions for themes, modules, template parts, or sections.
  • Keep theme assets separate from user-uploaded media unless the platform explicitly combines them.
  • Prefer structured content fields over storing important metadata inside presentation markup.
  • Treat previews, slugs, taxonomy, excerpts, meta fields, and publish states as first-class CMS concerns.
  • Prefer safe defaults and graceful fallback behavior when config, theme selection, or content input is invalid.
  • When changing editor or admin behavior, trace the stored field, validation rules, preview path, and final render path together.

Common Workflows

Themes and Templates

  • Start at the template loader or theme runtime, not at a downstream include.
  • Preserve the platform's template hierarchy and partial naming conventions.
  • Keep presentation changes close to templates and shared theme helpers.

Plugins, Apps, and Modules

  • Add behavior at the platform's extension seam instead of scattering logic into templates.
  • Keep migrations, seed data, and configuration updates explicit and versioned.
  • Document the extension's setup assumptions when the platform requires activation or registration.

Admin and Editor UX

  • Keep forms aligned with the stored content model.
  • Prefer author-facing previews when content transformations are non-trivial.
  • Keep validation, CSRF or equivalent safeguards, and permissions consistent with the surrounding admin code.

Media and Uploads

  • Use a dedicated upload path for authored media.
  • Keep decorative or theme-owned imagery in the active theme folder.
  • Default to conventional locations like uploads/ for authored media and img/ for theme assets unless the platform dictates a stronger convention.
  • When a CMS supports configurable media directories, expose the setting with a safe fallback.

Content Models and Migrations

  • Distinguish content entities clearly: pages, posts, products, entries, collections, taxonomies, and settings.
  • Prefer migration files or exportable schema definitions over ad hoc runtime mutations.
  • Keep slugs, publish dates, excerpts, canonical metadata, and taxonomy relations structured.

Markdown, HTML, and Static Export

  • Decide whether markdown is authored input, intermediate content, or build output before changing the renderer.
  • Pair renderer changes with preview or validation when feasible.
  • For static-exported CMS systems, validate rewritten permalinks and asset paths after build changes.

Identifying the Owning Seam

Regardless of platform, locate the owning seam before editing by mapping the codebase to these CMS roles:

  • Runtime bootstrap and request routing
  • Admin or editor controllers and their view templates
  • Theme loading, template hierarchy, and shared template helpers
  • Repositories, models, or schema/migration files for content, taxonomy, and settings
  • Markdown or content transformation utilities
  • Static export, deploy, or render pipeline entry points

Step to the owning seam first, then make the smallest change that preserves the CMS structure.

Platform Notes

See references/cms-platform-workflows.md for a compact mapping of common CMS platforms, extension surfaces, and media conventions.

Other skills for the same job

different authors, same section of the catalogue
Theme Factory
by anthropics
vendor ×16

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

36k tokens
Brand Guidelines
by anthropics
vendor ×13

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

3k tokens
Artifacts Builder
by JayZeeDesign
×8

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

11k tokens scripts
Web Artifacts Builder
by anthropics
vendor ×7

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

11k tokens scripts
Frontend Design
by Karanjot786
×6

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

1k tokens
Frontend Design
by anthropics
vendor ×4

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

5k tokens
Expo Tailwind Setup
by openai
vendor ×4

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

3k tokens
Use Dom
by openai
vendor ×3

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

3k tokens

How to use it

Copy the folder

Take github/content-management-systems from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.