skills.rest
no-problem-dev
no-problem-devOFFICIAL
Explore all skills by this author →
GitHub

store-preview

Launch the store-craft engine development server to preview generated screenshots in a browser.

Updated Mar 20, 2026
Search Tags:#development#screenshots#preview#browser#engine#store-craft
One-click install
npx skills add https://github.com/no-problem-dev/store-craft --skill store-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: store-preview
Source: https://github.com/no-problem-dev/store-craft/tree/main/plugins/store-assets/skills/store-preview
Command: npx skills add https://github.com/no-problem-dev/store-craft --skill store-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The development of browser-based previews for store-craft screenshots is tedious without an integrated preview workflow. This Skill enables launching the engine's development server and instantly view generated screenshots in a browser.

Core Features & Use Cases

  • Start the engine development server locally to render live previews of store-craft screenshots.
  • Generate preview URLs for specific configurations and devices to validate layouts before export.
  • Quick validation of screenshot assets during iterative design and development.

Quick Start

Start the engine in the engine directory and open the preview URL to see live screenshots.

Frequently Asked Questions about store-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview store-craft screenshots in a browser during development?▼

To preview store-craft screenshots, launch the engine development server to visually render generated layouts in your browser. This enables immediate validation of UI designs across devices and themes during iterative development.

Can I validate store-craft layouts across different devices and themes?▼

Yes, you can validate store-craft layouts across multiple devices and themes by generating specific preview URLs. The engine renders the screenshots live, allowing quick visual validation before final asset export.

What do I need to run the engine development server for screenshot previews?▼

You need a running store-craft engine with a Next.js and Playwright environment configured. Access to the engine's rendering configuration is also required to properly launch the server and generate preview URLs.

How do I generate preview URLs for specific screenshot configurations?▼

Start the engine development server locally to generate preview URLs for specific configurations and devices. This allows you to validate layouts interactively before exporting the final screenshot assets.

Related Skills

Explore More Software Engineering Skills→
encoredevencoredev
26

encore-frontend

Generate a typed TypeScript client for React/Next.js frontends from Encore.ts APIs.

Official
Intermediate
bybren-llcbybren-llc
1

format-export

Convert Fountain screenplays to PDF, FDX, and HTML formats.

Official
Advanced
no-problem-devno-problem-dev

store-screenshot

Generate App Store-ready PNG screenshots with device frames and text overlays.

Official
Advanced
majunbaomajunbao

playwright

Run Playwright CLI commands to capture screenshots and render web pages.

Community
Basic