Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

Loslegen

web-artifacts-builder

Sterne35

Forks10

Aktualisiert5. Mai 2026 um 13:25

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

The-AgenticFlow

The-AgenticFlow/openflows

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

SKILL.md

readonly

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.

Mehr aus diesem Repository

gleiches Repository

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.