ui-preview
✓로컬 개발 서버와 스토리북을 미리 보고 스크린샷을 찍으세요. UI 구성 요소를 보거나, 스토리북의 스크린샷을 찍거나, 웹/서버 앱을 검사하라는 메시지가 표시될 때 사용합니다.
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}
로컬 개발 서버와 스토리북을 미리 보고 스크린샷을 찍으세요. UI 구성 요소를 보거나, 스토리북의 스크린샷을 찍거나, 웹/서버 앱을 검사하라는 메시지가 표시될 때 사용합니다. 출처: ampcode/amp-contrib.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ampcode/amp-contrib --skill ui-preview- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
ui-preview이란?
로컬 개발 서버와 스토리북을 미리 보고 스크린샷을 찍으세요. UI 구성 요소를 보거나, 스토리북의 스크린샷을 찍거나, 웹/서버 앱을 검사하라는 메시지가 표시될 때 사용합니다. 출처: ampcode/amp-contrib.
ui-preview 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ampcode/amp-contrib --skill ui-preview 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ampcode/amp-contrib
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01