Skip to content

Commit 4dc2eba

Browse files
committed
docs: expand example prompts covering all tool categories
1 parent 8bcbf6d commit 4dc2eba

1 file changed

Lines changed: 67 additions & 11 deletions

File tree

README.md

Lines changed: 67 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -235,28 +235,84 @@ Go to **Settings → Tools → AI Assistant → Model Context Protocol (MCP) →
235235
```
236236
</details>
237237

238-
### Claude Code Prompts
238+
### Example Prompts
239239

240-
Once the MCP server is configured, you can ask Claude Code things like:
240+
Once the MCP server is configured, you can ask your AI assistant things like:
241241

242+
**Getting started**
242243
```
243-
Connect to my iPhone's Safari and show me the page title
244-
245-
List all Safari tabs on my device
246-
244+
Connect to my iPhone's Safari and show me what tabs are open
247245
Take a screenshot of the current page
246+
What's the page title and URL?
247+
```
248248

249-
Show me all cookies including httpOnly ones
249+
**JavaScript & DOM**
250+
```
251+
Run document.querySelectorAll('a') and list all links on the page
252+
Find all elements with class "error" and show their text content
253+
Get the full DOM tree of the page
254+
What event listeners are attached to the submit button?
255+
Highlight the navigation bar so I can see its bounds
256+
```
250257

251-
Run document.querySelectorAll('a') and list all links
258+
**CSS & Styles**
259+
```
260+
What CSS rules are applied to the header element?
261+
Show me the computed styles for the main content area
262+
Force the :hover state on the dropdown menu
263+
Change the background color of .hero to #f0f0f0
264+
List all stylesheets loaded on this page
265+
```
252266

267+
**Network**
268+
```
253269
Monitor network requests while I interact with the page
270+
Show me the response body of that failed API call
271+
Intercept all requests to api.example.com and log them
272+
Block all requests to analytics.google.com
273+
Set a custom Authorization header for all requests
274+
Throttle the network to simulate a slow 3G connection
275+
Disable the browser cache and reload the page
276+
```
254277

255-
Check what's in localStorage for this site
278+
**Storage & Cookies**
279+
```
280+
Show me all cookies including httpOnly and secure ones
281+
Set a session cookie named "debug" with value "true"
282+
Delete the authentication cookie
283+
What's in localStorage for this site?
284+
Set a localStorage item "theme" to "dark"
285+
List all IndexedDB databases and their object stores
286+
Show me the data in the "users" object store
287+
```
288+
289+
**Debugging**
290+
```
291+
Set a breakpoint in main.js at line 42
292+
Pause execution and show me the call stack
293+
Step through the code and show variable values
294+
What's the source of the script at bundle.js?
295+
Search for "addEventListener" across all loaded scripts
296+
Break on any uncaught exceptions
297+
Set a DOM breakpoint — break when the #content div is modified
298+
```
256299

257-
Find the CSS styles applied to the header element
300+
**Performance & Profiling**
301+
```
302+
Start a timeline recording while I navigate through the app
303+
Take a heap snapshot and find potential memory leaks
304+
Profile the CPU usage while this animation runs
305+
Track memory usage while I scroll through the feed
306+
Force a garbage collection
307+
```
258308

259-
Set a breakpoint in main.js and step through it
309+
**Advanced**
310+
```
311+
List all compositing layers and why they were composited
312+
Show me all active CSS animations on the page
313+
Capture the canvas content as an image
314+
Get the TLS certificate details for this page
315+
Check if there are any web workers running
260316
```
261317

262318
## How It Works

0 commit comments

Comments
 (0)