Menú
Preview and screenshot local dev servers URLs. Use when asked to view UI components, take screenshots of or inspect the web/server apps.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
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.