Use Dom
This skill dynamically injects and manages DOM elements for responsive frontends, boosting website adaptability across devices.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add gigs-slc-use-dom npx -- -y @trustedskills/gigs-slc-use-dom
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"gigs-slc-use-dom": {
"command": "npx",
"args": [
"-y",
"@trustedskills/gigs-slc-use-dom"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, use-dom, provides functionality to interact with and manipulate the Document Object Model (DOM) within a React Native environment. It allows AI agents to dynamically modify web content displayed in WebView components, enabling tasks like extracting data or automating interactions on websites. The skill is authored by gigs-slc and is part of the react-native-skills registry.
When to use it
- Data Extraction: An agent needs to scrape specific information (e.g., product prices, article text) from a webpage displayed in a WebView.
- Automated Interactions: The agent must simulate user actions like clicking buttons or filling out forms within a WebView.
- Dynamic Content Updates: An agent is tasked with modifying the content of a webpage rendered inside a React Native application.
- Testing and Debugging: Automate UI testing scenarios by programmatically interacting with elements in a WebView.
Key capabilities
- DOM manipulation via JavaScript injection into WebViews.
- Extraction of data from web pages within a WebView.
- Simulation of user interactions (clicks, form submissions) inside WebViews.
Example prompts
- "Extract the product title and price from this webpage: [URL]"
- "Click the 'Submit' button on this page: [URL]"
- "Set the value of the input field with ID 'username' to 'testuser'."
Tips & gotchas
- Requires a WebView component to be present in the React Native application.
- The skill relies on JavaScript execution within the WebView context; ensure that JavaScript is enabled and allowed for the target webpage.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.