skills.rest
sunzcdev
sunzcdevCOMMUNITY
Explore all skills by this author →
GitHub

validate-ui

Validate the Archon Web UI through browser automation and codebase review.

Updated May 21, 2026
Search Tags:#browser automation#workflow orchestration#e2e testing#archon#web ui#ux audit#sse streaming
One-click install
npx skills add https://github.com/sunzcdev/archon-dev-team --skill validate-ui-sunzcdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: validate-ui
Source: https://github.com/sunzcdev/archon-dev-team/tree/main/.claude/skills/validate-ui
Command: npx skills add https://github.com/sunzcdev/archon-dev-team --skill validate-ui-sunzcdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

It helps you verify that the Archon Web UI correctly orchestrates parallel agents, runs workflows end-to-end, and remains stable under real user interactions—so UI/UX issues and broken flows don’t slip through.

Core Features & Use Cases

  • Comprehensive browser E2E validation: Drives the Archon UI with browser automation and records evidence via screenshots.
  • Workflow, SSE, and real-time correctness checks: Validates streaming, reconnection behavior, queue indicators, and workflow progress rendering.
  • Codebase review alongside UI testing: Reviews key frontend and backend modules to catch logic bugs, race conditions, and accessibility/performance problems.
  • Deep UX and edge-case auditing: Exercises empty states, responsiveness, keyboard navigation, error handling, refresh during streaming, and concurrent/stress scenarios.

Use case: Audit the Archon Web UI before a release by running end-to-end tests for dashboard, chat, projects, workflows, SSE real-time updates, and accessibility/UX quality, then generate a structured report.

Quick Start

Ask to run validate-ui with a focus area like workflows to test only that part of the Archon Web UI.

Frequently Asked Questions about validate-ui

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

FAQPage Schema
How do I run E2E testing for a web UI with SSE streaming and workflow orchestration?▼

E2E testing for a web UI with SSE streaming uses browser automation to drive end-to-end flows and validate real-time workflow indicators. It checks reconnection behavior and queue progress rendering to catch UI bugs.

What is included in a UX audit for parallel agent orchestration interfaces?▼

A UX audit for parallel agent orchestration interfaces exercises empty states, keyboard navigation, responsiveness, and concurrent stress scenarios. It pairs browser testing with codebase review to identify race conditions and accessibility problems.

How do I validate SSE reconnection and real-time behavior during browser automation?▼

Validate SSE reconnection and real-time behavior during browser automation by simulating refresh during streaming and monitoring queue indicators. It checks workflow progress rendering and verifies streaming correctness across edge cases.

Do I need to start dev services before validating workflow management interfaces?▼

Starting dev services is required before validating workflow management interfaces. Browser automation drives the live UI while targeted code inspection of frontend and backend modules produces a structured bug and UX report.

What's the best way to catch race conditions and logic bugs in a web UI?▼

The best way to catch race conditions and logic bugs in a web UI is combining browser E2E flows with paired codebase review. Inspecting specified frontend and backend modules alongside UI testing identifies performance issues and broken flows.

Can I focus E2E browser automation testing on a specific module like workflows?▼

You can focus E2E browser automation testing on specific modules like workflows, chat, or projects. Targeted testing executes flows for the specified area and generates a focused structured report with relevant findings.

Related Skills

Explore More Software Engineering Skills→
NSEvteevNSEvteev
31

docker-up

Start Docker services with docker compose up and verify health.

Community
Intermediate
unblockedunblocked
13

validate-bug

Validate bug reports and produce structured findings with timelines and root-cause hypotheses.

Official
Advanced
billydeeii136billydeeii136

health

Compute a weighted 0-10 codebase health score and track trends over time.

Community
Intermediate
MohammedSaudAlsahliMohammedSaudAlsahli

web-perf

Audit web performance using Chrome DevTools profiling tools and Core Web Vitals.

Community
Advanced