ui-preview
✓ローカルの開発サーバーとストーリーブックをプレビューおよびスクリーンショットします。 UI コンポーネントを表示する、ストーリーブックのスクリーンショットを撮る、または Web/サーバー アプリを検査するように求められた場合に使用します。
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 コンポーネントを表示する、ストーリーブックのスクリーンショットを撮る、または Web/サーバー アプリを検査するように求められた場合に使用します。 ソース: 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 コンポーネントを表示する、ストーリーブックのスクリーンショットを撮る、または Web/サーバー アプリを検査するように求められた場合に使用します。 ソース: 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