Skip to main content
skill GitHub Copilot official · GitHub

content-management-systems — GitHub Copilot skill

Guides GitHub Copilot through CMS architecture, template hierarchies, custom extensions, and media routing. Useful when modifying themes or data models in WordPress, Shopify, or Drupal.

Install into GitHub Copilot · Skills CLI (Vercel) All methods and platforms ↓
npx skills add github/awesome-copilot --skill content-management-systems
Open on GitHub

What content-management-systems does

This skill establishes working rules for content management platforms, including WordPress, Shopify, Drupal, Joomla, Webflow, Squarespace, Wix, WooCommerce, HubSpot CMS Hub, and Adobe Experience Manager. Copilot stops guessing where logic belongs. It first categorizes the environment as a self-hosted engine, SaaS site builder, commerce platform, or headless system, then finds the owning seam before changing code.

The instructions enforce strict separation between code and content. Theme assets stay in the theme folder while user uploads route to dedicated paths such as uploads/. Structured content fields take priority over arbitrary presentation markup. For admin interfaces, the skill traces stored fields and validation rules directly to the rendering path. Platform-specific workflows reference references/cms-platform-workflows.md.

Add this skill if you develop custom CMS themes or modules and need to prevent broken asset paths and messy template hierarchies. Skip it for standard standalone applications that do not use CMS concepts.

What it helps with

  • separate theme assets from user-uploaded media in uploads/
  • build extensions through official platform seams instead of template hacks
  • structure content models, taxonomy, and slugs for publishing flows
  • preserve template hierarchy and partial naming conventions across CMS themes

Example prompts for the agent

  • Add a structured metadata field and slug validation for blog posts in WordPress
  • Review template hierarchy and partial files before refactoring this Shopify theme
  • Verify upload paths and asset permalinks before running the static export

How to install content-management-systems

1Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill content-management-systems

2GitHub CLI

gh skill install github/awesome-copilot content-management-systems

3Manually: put the files in place

.github/skills/content-management-systems/SKILL.md

From the same set554

The whole set →
git-commit official github This skill reviews Git changes, stages related files, and creates Conventional Commits. Use it when you want an agent to make one commit or split work into separate commits. GitHub Copilot 47,165installs excalidraw-diagram-generator official github Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs multi-stage-dockerfile official github This skill guides GitHub Copilot in writing multi-stage Dockerfiles for different languages and frameworks. Use it when the final runtime image should contain fewer build dependencies. GitHub Copilot 29,688installs documentation-writer official github Skill that turns the agent into a technical writer following the Diátaxis framework: tutorials, how-to guides, reference, and explanation. Proposes structure before writing. GitHub Copilot 27,757installs prd official github Turns a feature idea into a structured PRD with user stories, technical requirements, and risks. Use it when planning a software feature or an AI-powered one. GitHub Copilot 24,035installs refactor official github This skill reshapes existing code without changing its external behavior. Use it for gradual cleanup of large functions, duplication, weak types, and code smells. GitHub Copilot 22,321installs java-springboot official github Gives GitHub Copilot Spring Boot development practices, from project layout to tests and security. Use it when writing or reviewing Java application code. GitHub Copilot 21,272installs create-readme official github This skill reviews a project and creates a structured README.md. Use it when the repository needs clear documentation based on its actual files and code. GitHub Copilot 19,081installs

Similar

email-template-builder Alireza Rezvani Builds transactional email systems with React Email or MJML, provider integrations and local previews. Use it for new templates, provider migrations or email localization. Claude Code 602installs full-page-screenshot Alireza Rezvani Captures an entire web page as one PNG, including content below the fold. Useful for SPAs, lazy-loaded images, and very tall pages. Claude Code 564installs landing Alireza Rezvani Builds a single-page landing as one HTML file, with 3D CSS animation, GSAP scroll effects and mouse-parallax depth. Claude Code 404installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. Claude Code 986,201installs hyperframes heygen-com Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI. Claude Code CX Codex Cursor +1 1,200,000installs hyperframes-cli heygen-com Controls HyperFrames video workflows from the CLI: audits layouts and contrast, edits timeline clips, captures snapshots, and renders locally or in cloud runtimes. Claude Code CX Codex Cursor +1 1,200,000installs

Questions about content-management-systems

How to install content-management-systems in GitHub Copilot?

Install it with the GitHub CLI using gh skill install github/awesome-copilot content-management-systems. You can also run npx skills add github/awesome-copilot --skill content-management-systems or place the file into .github/skills/content-management-systems/SKILL.md.

Which platforms does this skill support?

It includes workflows for WordPress, Shopify, Drupal, WooCommerce, Joomla, Webflow, Squarespace, Wix, HubSpot CMS Hub, and Adobe Experience Manager.

How does it manage media and theme assets?

It requires keeping decorative theme imagery inside the active theme directory like img/, while routing authored media to dedicated locations such as uploads/.

Source text

SKILL.md · MIT
---
name: content-management-systems
description: '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.'
---

# 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

1. Identify the platform category: self-hosted CMS, SaaS site builder, commerce platform, or hybrid/headless system.
2. 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
3. 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.

© github · MIT · github/awesome-copilot

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor