wp-block-themes
WordPress 블록 테마 구축
WordPress 블록 테마에는 정밀한 theme.json, 템플릿, 패턴, 스타일 변형 구조가 필요합니다. 이 스킬은 Claude, Codex, Claude Code에 안전한 테마 편집과 디버깅을 위한 맞춤형 지침을 제공합니다.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
Agent용 리소스
AI Agent, 크롤러 또는 스크립트가 전체 페이지 대신 깔끔한 컨텍스트가 필요할 때 이 링크를 사용하세요.
테스트해 보기
"wp-block-themes" 사용 중입니다. 내 테마 폴더를 검사하고 이것이 블록 테마인지 알려줘.
예상 결과:
테마 루트, theme.json 존재 여부, 그리고 어떤 templates, parts, patterns, styles 폴더가 있는지를 명시한 간결한 보고서.
"wp-block-themes" 사용 중입니다. 내 theme.json 색상 변경 사항이 사이트 편집기에 나타나지 않아.
예상 결과:
활성 테마 선택, 사용자 맞춤 설정, 스타일 계층 구조, theme.json 구조 검증을 다루는 디버깅 체크리스트.
"wp-block-themes" 사용 중입니다. 내 테마에 새 스타일 변형을 추가해줘.
예상 결과:
사이트 편집기 및 프런트엔드 동작에 대한 파일 배치 계획, 이름 지정 지침, 호환성 참고 사항, 검증 단계.
보안 감사
낮은 위험Static analysis reported many high-risk patterns, but review found no malicious intent, no prompt injection, and no confirmed weak cryptography. Most command and crypto matches are Markdown backticks around WordPress terms, file paths, or documentation links. The only real concern is a local Node.js helper that reads the current repository to detect block theme folders.
낮은 위험 문제 (4)
위험 요인
⚡ 스크립트 포함 (1)
⚙️ 외부 명령어 (2)
🌐 네트워크 접근 (6)
품질 점수
만들 수 있는 것
새 블록 테마 만들기
이 스킬을 사용하여 최소 파일 구조를 계획하고, theme.json 버전을 선택하며, 블록 테마 폴더를 검증합니다.
스타일 재정의 디버그
이 스킬을 사용하여 사용자 맞춤 설정, 자식 테마 또는 잘못된 theme.json 데이터가 예상 스타일을 재정의하는지 확인합니다.
테마 패턴 유지 관리
이 스킬을 사용하여 편집기 기대 동작을 깨뜨리지 않으면서 파일시스템 패턴, 템플릿, 파트, 스타일 변형을 정리합니다.
이 프롬프트를 사용해 보세요
wp-block-themes 스킬을 사용하여 이 저장소를 검사하고 활성 블록 테마 구조를 식별하세요.
wp-block-themes 스킬을 사용하여 내 theme.json에 편집기에 표시되는 색상 및 간격 프리셋을 추가하세요.
wp-block-themes 스킬을 사용하여 내 사이트 편집기 스타일이 프런트엔드와 다른 이유를 설명하고 확인 항목을 제안하세요.
wp-block-themes 스킬을 사용하여 템플릿, 파트, 패턴, 검증 단계를 포함한 클래식 테마에서 블록 테마로의 변환을 계획하세요.
모범 사례
- 테마 파일을 편집하기 전에 대상 테마 루트를 확인하세요.
- 설정, 스타일 또는 블록 규칙을 변경한 후 theme.json 구조를 검증하세요.
- 재정의가 다를 수 있으므로 사이트 편집기와 프런트엔드 양쪽에서 변경 사항을 테스트하세요.
피하기
- 비활성 테마를 편집하고 사이트 편집기에 변경 사항이 반영될 것이라고 가정하는 것.
- theme.json이 필요한 스타일을 지원하는지 확인하기 전에 사용자 지정 CSS를 사용하는 것.
- 재설정 또는 신규 사용자 동작을 테스트하지 않고 선택된 스타일 변형을 변경하는 것.