wp-admin-browserlisted
Install: claude install-skill mralaminahamed/wp-dev-skills
# WordPress Admin via Browser (Chrome DevTools MCP)
## Core Rules — Non-Negotiable
1. **Never touch the main admin user.** Always create a temporary admin for testing.
2. **All data operations go through the browser UI.** No WP-CLI, no direct DB, no REST API calls to mutate data — use WordPress forms.
3. **Navigate via menus, not hardcoded URLs.** Click the menu item; don't jump straight to `/wp-admin/users.php?action=...`.
4. **Use `fill_form` + click for all inputs.** Never skip the form and post directly.
---
## Step 1 — Log In
```js
// POST to wp-login.php via fetch (fastest, no UI needed for login itself)
async () => {
const res = await fetch('/wp-login.php', {
method: 'POST',
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
body: new URLSearchParams({
log: 'YOUR_USER',
pwd: 'YOUR_PASS',
'wp-submit': 'Log In',
redirect_to: '/wp-admin/',
testcookie: '1',
}),
credentials: 'include',
redirect: 'follow',
});
return { ok: res.ok, url: res.url };
}
```
Login via `fetch` is acceptable because it's a pure auth step — no data mutation.
---
## Step 2 — Create a Temporary Admin User
**Always create a temp user before any testing that requires admin actions.**
Navigate to Users → Add New via menu clicks, not direct URL.
```
Admin menu → Users → Add New
```
Fill the form using `fill_form`:
| Field | Value |
|-------|-------|
| Username | `tmp_admin_<timestamp>` |
| Email | `tmp+<timestamp>@examp