ui-preview
✓Preview and screenshot local dev servers and storybooks. Use when asked to view UI components, take screenshots of storybooks, or inspect the web/server apps.
Installation
SKILL.md
Check .amp/dev-environment.txt for the running URLs (defaults: web=http://localhost:7001, server=https://localhost:7002).
| Web dev server | / | | Server dev server | / | | Webview storybook | /storybook | | Server storybook | /storybook |
Access a specific story directly using the hash: /storybook#${story-title}
Preview and screenshot local dev servers and storybooks. Use when asked to view UI components, take screenshots of storybooks, or inspect the web/server apps. Source: ampcode/amp-contrib.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/ampcode/amp-contrib --skill ui-preview- Source
- ampcode/amp-contrib
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is ui-preview?
Preview and screenshot local dev servers and storybooks. Use when asked to view UI components, take screenshots of storybooks, or inspect the web/server apps. Source: ampcode/amp-contrib.
How do I install ui-preview?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ampcode/amp-contrib --skill ui-preview Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/ampcode/amp-contrib
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01