К основному содержанию
скилл GitHub Copilot официальный · GitHub

content-management-systems — скилл для GitHub Copilot

Помогает GitHub Copilot работать с архитектурой CMS: темами, плагинами, моделями данных и загрузкой медиа. Пригодится при правке шаблонов или интеграции модулей в WordPress, Shopify и Drupal.

Установить в GitHub Copilot · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add github/awesome-copilot --skill content-management-systems
Открыть на GitHub

Что делает content-management-systems

Скилл задаёт правила работы с популярными CMS и SaaS-конструкторами: WordPress, Shopify, Drupal, Joomla, Webflow, Squarespace, Wix, WooCommerce, HubSpot CMS Hub и Adobe Experience Manager. Агент перестаёт писать код вслепую. Сначала он определяет категорию движка (селф-хостед, SaaS, e-commerce или headless) и находит нужный слой реализации — тему, плагин, админку, модель данных или конвейер статического экспорта.

Внутри заложены правила разделения кода и контента. Скилл требует хранить медиафайлы отдельно от оформлений тем (по умолчанию uploads/ против img/), структурировать метаполя вместо хранения данных в разметке и сохранять иерархию шаблонов платформы. При правке админки помощник связывает поля форм с правилами валидации и рендером. Для специфики конкретных движков используется справочник references/cms-platform-workflows.md.

Ставьте этот скилл, если часто настраиваете CMS-модули и хотите защитить проект от случайной перезаписи путей ассетов или поломки иерархии шаблонов. При разработке обычного монолита без CMS-структуры он будет лишним.

Какие задачи решает

  • разграничить ассеты темы и пользовательские файлы в uploads/
  • создать плагин или модуль через официальные точки расширения платформы
  • настроить таксономию, ЧПУ и метаполя публикации в контентной модели
  • проверить иерархию шаблонов и частичных представлений перед правкой верстки

Примеры запросов агенту

  • Помоги добавить новое метаполе и слаг для записей блога в WordPress
  • Настрой структуру шаблонов секций для темы в Shopify
  • Проверь пути к загруженным файлам и ассетам перед статическим экспортом

Как установить content-management-systems

1Через Skills CLI (Vercel)

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

2GitHub CLI

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

3Вручную: положить файлы

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

Из того же набора554

Весь набор →
git-commit официальный github Скилл разбирает изменения Git, выбирает связанные файлы и создаёт коммит в формате Conventional Commits. Пригодится, когда нужно закоммитить одну или несколько логических частей изменений. GitHub Copilot 47 165установок excalidraw-diagram-generator официальный github Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок multi-stage-dockerfile официальный github Скилл помогает создавать многоэтапные Dockerfile для разных языков и фреймворков. Пригодится, когда важны размер и состав runtime-образа. GitHub Copilot 29 688установок documentation-writer официальный github Скилл для создания технической документации по фреймворку Diátaxis: туториалы, гайды, справки и объяснения. Предлагает структуру перед написанием. GitHub Copilot 27 757установок prd официальный github Собирает из идеи структурированный PRD с пользовательскими историями, техническими требованиями и рисками. Подходит для планирования новых функций, в том числе с AI. GitHub Copilot 24 035установок refactor официальный github Скилл помогает менять структуру кода без изменения внешнего поведения. Подойдёт для постепенной уборки сложных функций, дублирования и кодовых запахов. GitHub Copilot 22 321установок java-springboot официальный github Задаёт практики разработки Spring Boot-приложений: от структуры проекта до тестов и безопасности. Пригодится, когда Copilot пишет или проверяет Java-код. GitHub Copilot 21 272установок create-readme официальный github Скилл изучает проект и создаёт структурированный README.md. Подойдёт, когда документацию нужно собрать по коду и файлам проекта. GitHub Copilot 19 081установок

Похожие

email-template-builder Alireza Rezvani Создаёт систему транзакционных писем на React Email или MJML, подключает провайдеров и добавляет предпросмотр. Подходит для новых шаблонов, миграции и локализации писем. Claude Code 602установок full-page-screenshot Alireza Rezvani Снимает целую веб-страницу в один PNG, включая контент за прокруткой. Пригодится для SPA, ленивых изображений и очень длинных страниц. Claude Code 564установок landing Alireza Rezvani Собирает одностраничный лендинг в одном HTML-файле: 3D-анимации на CSS, скролл-эффекты GSAP и параллакс за курсором. Claude Code 404установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. Claude Code CX Codex Cursor +1 1 200 000установок

Вопросы о content-management-systems

Как установить content-management-systems в GitHub Copilot?

Выполните команду gh skill install github/awesome-copilot content-management-systems через GitHub CLI. Также можно запустить установку через npx skills add github/awesome-copilot --skill content-management-systems или скопировать файл в .github/skills/content-management-systems/SKILL.md.

Для каких платформ подходит этот скилл?

Инструкции рассчитаны на WordPress, Shopify, Drupal, WooCommerce, Joomla, Webflow, Squarespace, Wix, HubSpot CMS Hub и Adobe Experience Manager.

Как скилл разделяет тему оформления и пользовательские медиафайлы?

Он запрещает смешивать графику темы с пользовательскими загрузками. Оформление остаётся в папке темы (обычно img/), а загружаемые авторами файлы отправляются в выделенную директорию вроде uploads/.

Исходный текст

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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой