ui-preview

Installation
SKILL.md

UI Preview Skill

Preview local dev servers and storybooks using Chrome DevTools.

Available Tools

  • navigate_page - Navigate to a URL
  • take_screenshot - Capture a screenshot of the current page
  • new_page - Open a new browser tab
  • press_key - Press keyboard keys (e.g., scrolling with PageDown, End)
  • evaluate_script - Run JavaScript on the page

Workflow

  1. Navigate to the target URL using navigate_page
  2. Screenshot the page using take_screenshot
  3. Analyze captured screenshots with look_at for visual analysis

Local Dev URLs

Related skills
Installs
6
GitHub Stars
70
First Seen
Jan 24, 2026