preview-screens Skill
Use when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app regenerates a screen. Published by microsoft in power-platform-skills.
Decision snapshot
Is this a fit?
Browser automation, Writing, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Can write or update data, Write actions, Filesystem access, Shell access
Copy skill directory
2 months ago · MIT license
Confirm write permissions and scope before use. Access note: Local files. Access note: Shell access.
What is preview-screens Skill?
Use when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app regenerates a screen. Published by microsoft in power-platform-skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Writing
- Browser automation use cases
- Writing use cases
Declared skill metadata
- Source file: plugins/mobile-apps/skills/preview-screens/SKILL.md
Allowed tools declared by source
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
- Local files
- Shell access
Requirements and access
Security and permissions
Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.
When to use preview-screens Skill
- Use it for browser automation.
- Use it for writing.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/power-platform-skills
- Skill file: plugins/mobile-apps/skills/preview-screens/SKILL.md
What it does
Use when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app regenerates a screen.
Skill instructions
Shared instructions: shared-instructions.md — read first. Preview Screens Generates a self-contained HTML file that renders every screen in the app as a phone-frame mockup (375 × 812) with tab navigation and a dark/light toggle. The agent reads TSX files, understands the Tamagui component tree, and produces equivalent HTML/CSS — no programmatic TSX parsing. When to use - After generating screens, to see a quick visual preview without running Metro/Expo - To share a screenshot-ready mockup with stakeholders - To verify layout before deploying When NOT to use - To run the actual app → use npx expo start - To modify screens → use /edit-app; screen-builder is an internal agent invoked by orchestrator skills Workflow 1. Locate project → 2. Discover screens → 3. Read reference mapping → 4. Read & convert each screen → 5. Assemble preview.html → 6. Write file → 7. Open in browser --- Step 1 — Locate project Determine the working directory: - If $ARGUMENTS contains --working-dir <path, use tha
Verified compatibility and discovery
Frequently asked questions
What is preview-screens?
preview-screens is a open-source AI agent skill with Copy skill directory. Use when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app regenerates a screen.
Who is preview-screens best for?
preview-screens is best for reusing agent instructions, scripts, and references, browser automation workflows, writing workflows.
How do I install preview-screens?
Install or run preview-screens using Copy skill directory. Check preview-screens for the latest setup command.
Is preview-screens actively maintained?
preview-screens may need a closer maintenance check before production use.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
