From store-assets
store-craft エンジンの開発サーバーを起動しブラウザでスクリーンショットをプレビューする。「ストアプレビュー」「/store-preview」などで自動適用。
How this skill is triggered — by the user, by Claude, or both
Slash command
/store-assets:store-previewThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
store-craft エンジンの開発サーバーを起動し、ブラウザでスクリーンショットをプレビューする。
store-craft エンジンの開発サーバーを起動し、ブラウザでスクリーンショットをプレビューする。
| 属性 | 内容 |
|---|---|
| 専門性 | store-craft エンジンの操作 |
| 権限 | 開発サーバーの起動・停止 |
| 責任 | プレビュー URL の提供 |
生成前にブラウザでスクリーンショットの見た目を確認できるようにする。
cd "${ENGINE_DIR}" && npm run dev
http://localhost:3847/render?config={config_path}&id={screenshot_id}&device=iphone-6.9
各スクリーンショット ID ごとに URL を生成してユーザーに提示する。
npx claudepluginhub no-problem-dev/store-craft --plugin store-assetsGenerates marketing-quality screenshots of your app using Playwright at HiDPI resolution. Use for Product Hunt, social media, landing pages, or documentation.
Generates multi-page marketing websites for web apps using captured screenshots, animated GIF workflows, and feature demos from the running app via browser tools.
Sets up local Shopify app development with Shopify CLI scaffolding, ngrok tunneling for webhooks, hot reload, and Vitest testing.