skills.rest
Orpheus-K
Orpheus-KCOMMUNITY
Explore all skills by this author →
GitHub

runtime-automation-probe

Capture real-time UI rendering states of H5 and WeChat Mini Program pages.

13|Updated Jun 16, 2026
Search Tags:#Playwright#Cross-platform#Automated testing#miniprogram-automator#UI state capture
One-click install
npx skills add https://github.com/Orpheus-K/lucky-ui --skill runtime-automation-probe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: runtime-automation-probe
Source: https://github.com/Orpheus-K/lucky-ui/tree/main/.agents/skills/runtime-automation-probe
Command: npx skills add https://github.com/Orpheus-K/lucky-ui --skill runtime-automation-probe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of capturing and analyzing the real-time UI rendering states of web applications, enabling users to identify and fix UI discrepancies across different platforms efficiently.

Core Features & Use Cases

  • Cross-platform UI Analysis: Inspects H5 and WeChat Mini Program UI states using Playwright and miniprogram-automator.
  • Automated UI Capture: Automates the capture of UI elements, styles, and interactions from H5 and WeChat Mini Programs.
  • Use Case: For developers who need to compare and validate UI changes between different platforms after a code update, this Skill can help quickly identify discrepancies without manual testing.

Quick Start

Use the 'runtime-automation-probe' skill to capture the UI state of the 'profile' page in the WeChat Mini Program.

Frequently Asked Questions about runtime-automation-probe

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

FAQPage Schema
How do I capture UI rendering states across H5 and WeChat Mini Program platforms?▼

To capture UI rendering states across H5 and WeChat Mini Programs, this Skill utilizes Playwright and miniprogram-automator to inspect and analyze real-time UI elements. It automates the extraction of UI components and styles for cross-platform validation.

What is the best way to debug UI discrepancies in automated testing workflows?▼

Debugging UI discrepancies in automated testing workflows is best handled by capturing real-time UI rendering states. This Skill inspects H5 and WeChat Mini Program UIs to help developers quickly identify and fix visual inconsistencies after code updates without manual testing.

Does Playwright work with WeChat Mini Program UI inspection?▼

Playwright handles H5 web applications while miniprogram-automator manages WeChat Mini Program UI inspection within this Skill. This dual-tool approach enables comprehensive cross-platform UI state analysis and automated element capture.

Can I automate UI element capture from a WeChat Mini Program?▼

Yes, you can automate UI element capture from a WeChat Mini Program using miniprogram-automator within this Skill. It extracts real-time UI rendering states, styles, and interactions to validate UI changes efficiently without manual testing.

How do I compare and validate UI changes between H5 and Mini Program platforms?▼

To compare and validate UI changes between H5 and Mini Program platforms, this Skill captures real-time UI rendering states from both environments. It identifies visual discrepancies by automating UI inspection through Playwright and miniprogram-automator.

Why does my cross-platform UI look inconsistent after a code update?▼

Cross-platform UI inconsistencies after a code update often stem from rendering discrepancies between H5 and WeChat Mini Programs. This Skill captures and analyzes real-time UI states from both platforms to help you quickly pinpoint the specific elements causing visual differences.

Related Skills

Explore More Software Engineering Skills→
whincwhinc
39

miniprogram-automation

Generate Node.js and Jest scripts for WeChat mini-program E2E testing.

Community
Advanced
fray-cloudfray-cloud

browse

Drive a headless browser to automate QA tasks and capture annotated screenshots.

Community
Advanced
curiositechcuriositech
181

playwright-screenshot-inspector

Capture web page screenshots and analyze them with multimodal AI for visual regression testing.

Official
Advanced
guichefferguicheffer
3

platform-detection

Detect iOS and Android platforms using React Native's Platform module.

Community
Intermediate