Menu
Preview and screenshot local dev servers URLs. Use when asked to view UI components, take screenshots of or inspect the web/server apps.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.
Convert PRDs to tasks.json format for autonomous agent execution. Use when you have an existing PRD and need to convert it to task JSON format. Triggers on: convert this prd, turn this into task format, create tasks.json from this, task json.
| name | ui-preview |
| description | Preview and screenshot local dev servers URLs. Use when asked to view UI components, take screenshots of or inspect the web/server apps. |
| metadata | {"version":"1"} |
Preview local dev servers URLs using Chrome DevTools.
navigate_page - Navigate to a URL (supports url, back, forward, reload)new_page - Open a new browser tab and load a URLlist_pages - Get a list of pages open in the browserselect_page - Select a page as context for future tool callsclick - Clicks on the provided element (supports double click)fill - Type text into an input, text area, or select an option from a <select> elementhover - Hover over the provided elementpress_key - Press a key or key combination. Use this when other input methods like fill() cannot be used (e.g., keyboard shortcuts, navigation keys, or special key combinations)handle_dialog - If a browser dialog was opened, use this command to handle it (accept/dismiss)wait_for - Wait for the specified text to appear on the selected pagetake_snapshot - Take a text snapshot of the currently selected page based on the a11y tree. The snapshot lists page elements with unique IDstake_screenshot - Take a screenshot of the page or elementevaluate_script - Evaluate a JavaScript function inside the currently selected page. Returns the response as JSON so returned values have to be JSON-serializablelist_console_messages - List all console messages for the currently selected page since the last navigationget_console_message - Gets a console message by its IDnavigate_pagewait_fortake_snapshotclick, fill, hover, or press_keyhandle_dialogtake_screenshotlist_console_messages / get_console_messageNavigate to http://localhost:3000 for the web dev server.