Skills
.Work. You
Rest

github-pages-gitops

Community

GitHub Pages + API-driven config management

Software Engineering#git#web-ui#config-management#base64#github-pages#contents-api#sha-handling
AuthorJunghyun99
Version1.0.0
Installs0

System Documentation

What problem does it solve?

GitHub Pages + GitHub API 커밋 기반 설정 변경 패턴을 구현한다. MagicSplit의 docs/ 웹 UI에 새 필드를 추가하거나, config-editor 페이지를 처음 구성하거나, config.json의 새 파라미터와 HTML 폼을 연동하거나, GitHub API 409 Conflict / SHA 불일치 오류를 디버깅할 때 반드시 이 스킬을 사용한다. docs/ 폴더의 JavaScript가 config.json을 읽고 쓰는 모든 작업의 기준이다.

Core Features & Use Cases

  • GitHub Contents API를 통한 GET/PUT 흐름으로 config.json을 안전하게 편집하고 커밋합니다.
  • SHA 검증(SHA-locked) 전략으로 409 Conflict를 피하고 연속 저장 시 안정적으로 업데이트를 유지합니다.
  • Base64 인코딩/디코딩과 UTF-8 한글 처리와 관련된 브라우저 호환성 가이드를 제공합니다.
  • docs UI와 config-editor 페이지 간의 연동, 새로운 파라미터 추가 및 폼 필드 매핑에 대한 실무 패턴을 제공합니다.
  • PAT 보안 운영, 로컬 저장소 활용, 에러 핸들링 및 워크플로우 정합성 확보를 위한 구현 가이드를 포함합니다.

Quick Start

Use this skill to wire the docs UI to config.json via the GitHub Contents API and ensure commits include the current SHA.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: github-pages-gitops
Download link: https://github.com/Junghyun99/MagicSplit/archive/main.zip#github-pages-gitops

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.