원클릭으로 Manus에서 모든 스킬 실행

시작하기

web-artifacts-builder

스타35

포크10

업데이트2026년 5월 5일 13:25

Skill for building reproduction environments and diagnostic dashboards for UI issues.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

The-AgenticFlow

The-AgenticFlow/openflows

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

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.

이 저장소의 다른 Skills

같은 저장소

forge-coding

The-AgenticFlow/openflows

Core coding skill for the FORGE builder agent

2026-06-1535

forge-planning

The-AgenticFlow/openflows

Planning skill for the FORGE builder agent

2026-06-1535

sentinel-criteria

The-AgenticFlow/openflows

Evaluation criteria for the SENTINEL reviewer agent

2026-06-1535

sentinel-review

The-AgenticFlow/openflows

Review skill for the SENTINEL reviewer agent

2026-06-1535

algorithmic-art

The-AgenticFlow/openflows

Create generative, code-based art and visualizations using P5.JS and algorithmic principles.

2026-05-0535

canvas-design

The-AgenticFlow/openflows

Visual philosophy and design principles for creating impactful visual content.

2026-05-0535

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.