跳到正文
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（原文）

安装前可以查看交给 AI 代理的指令内容。

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 / 1000 字

此表单受 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 的全部技能

报告此技能的问题