Mobile Preview
Quickly visualize website changes on various mobile devices directly within your development environment.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add mobile-preview npx -- -y @trustedskills/mobile-preview
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"mobile-preview": {
"command": "npx",
"args": [
"-y",
"@trustedskills/mobile-preview"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The mobile-preview skill allows you to view web pages as they would appear on various mobile devices. It provides a responsive preview, adapting the layout and styling based on specified device parameters. This helps ensure websites are accessible and visually appealing across different screen sizes and resolutions.
When to use it
- Website Development: Quickly check how your website looks on iOS or Android without needing physical devices.
- Responsive Design Testing: Validate that responsive design breakpoints are functioning correctly.
- Accessibility Checks: Ensure content is readable and usable on smaller screens for a wider audience.
- Client Presentations: Demonstrate website responsiveness to clients in a clear and concise manner.
Key capabilities
- Device-specific previews (iOS, Android)
- Responsive layout adaptation
- Visual representation of mobile web pages
Example prompts
- "Show me how this page looks on an iPhone 14."
- "Preview this website as if it were viewed on a Samsung Galaxy S23."
- "What does the homepage look like on a typical Android phone?"
Tips & gotchas
The skill relies on accurate device emulation, which may not perfectly replicate all mobile devices. Results are best used for general visual checks rather than precise pixel-perfect testing.
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.