본문으로 건너뛰기
cccskills
무료GitHub에 공개

wp-rocket-frontend-architecture

Use this skill when changing admin JavaScript, CSS, or HTML/Twig templates in WP Rocket.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket
설치 방법 보기

포함된 파일(1)

  • SKILL.md1.3 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

WP Rocket — Frontend Architecture

Guidelines for JavaScript, CSS, and template changes in WP Rocket's admin UI.

Core principles

  • No jQuery — use native DOM APIs only.
  • No inline event handlers (onclick, onchange, etc.) — use addEventListener.
  • No unsafe innerHTML assignments — use textContent or createElement/appendChild.
  • Use event delegation where appropriate (admin pages can load content dynamically).

Admin settings UI

  • Settings page templates live in views/.
  • JS for the settings page lives in assets/js/.
  • Use wp_localize_script to pass PHP data to JS — never inline <script> blocks with data.
  • Nonces must be localized — never hardcoded.
  • New JS entry points must be registered and enqueued through a Subscriber.

AJAX / REST

  • Use native fetch with the localized nonce for REST calls.
  • Use wp.ajax for legacy AJAX (admin-ajax.php) if already present in the area.
  • Always handle errors explicitly — no silent failures.

Structural expectations

  • JS files live under assets/js/.
  • CSS files live under assets/css/.
  • No new global variables — use module patterns or data attributes to share state.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

challenge

무료

Adversarially review a grooming spec before implementation starts. Finds hidden risks, unvalidated assumptions, and missing dependencies. Standalone entry point for the challenger agent.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

compliance

무료

Check a change against WordPress.org plugin rules and PHPCS standards.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

docs

무료

Update developer-facing documentation to reflect code changes on the current branch. Runs as an inline skill inside backend-agent and frontend-agent (step 2.5 of the internal sequence) after implementation and before DOD. Receives the explicit list of changed files from the implementation agent. No-op if no public API changes occurred.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

dod

무료

Run the Definition of Done checklist for the current wp-rocket branch and report PASS/WARN/FAIL with evidence. Two modes: layer 1 (self-correction inside backend-agent / frontend-agent — resolves FAILs before handoff) and layer 2 (independent orchestrator gate — fresh perspective after handoff). Pass layer: "1" or layer: "2" when invoking.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

e2e

무료

Run a basic E2E behavioral probe — one primary scenario smoke test for the grooming step.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

groom

무료

Groom a single GitHub issue — produce an implementation spec and optionally post the grooming summary as a GitHub comment. Standalone entry point for the grooming-agent.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

wp-media/wp-rocket7672026년 10월 17일 업데이트

wp-media의 스킬 모두 보기

이 스킬의 문제 신고