web-artifacts-builder

name	web-artifacts-builder
description	Skill for building reproduction environments and diagnostic dashboards for UI issues.

SENTINEL Diagnostic Artifacts Skill

Use this skill to create visual dashboards or reproduction environments when debugging complex UI/UX issues.

Usage Scenarios

• Reproduction: Build a minimal React artifact that demonstrates a reported bug.
• Diagnostics: Create a dashboard visualizing log data or state transitions for a failed session.
• Comparison: Show a side-by-side comparison of "Expected" vs "Actual" UI states.

Best Practices

• Keep diagnostic artifacts focused on the issue at hand.
• Use clear visual indicators (red/green, status badges) to highlight problems.
• Ensure the reproduction is self-contained and easy for the user to view.