skills.rest
RsultCoding
RsultCodingCOMMUNITY
Explore all skills by this author →
GitHub

validate-ui

Validate Archon Web UI end-to-end behavior across dashboard, chat, workflows, and SSE.

Updated Mar 20, 2026
Search Tags:#e2e#qa#ui-testing#sse#frontend-testing#archon#validate-ui
One-click install
npx skills add https://github.com/RsultCoding/rca-archon --skill validate-ui-rsultcoding
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: validate-ui
Source: https://github.com/RsultCoding/rca-archon/tree/main/.claude/skills/validate-ui
Command: npx skills add https://github.com/RsultCoding/rca-archon --skill validate-ui-rsultcoding

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validates the Archon Web UI end-to-end to catch UI/UX defects, regressions, and performance issues before they reach users.

Core Features & Use Cases

  • Automated browser-based validation of the dashboard, project management, chat interface, workflows, and SSE streams.
  • Parameterizable focus sections (e.g., "validate ui", "test the ui") to target specific areas and run quick checks.
  • Generates a detailed bug/UX and health report with actionable recommendations for developers and QA.

Quick Start

Run the Archon UI validation workflow to execute the full end-to-end browser tests and produce a UX health report.

Frequently Asked Questions about validate-ui

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

FAQPage Schema
How do I validate the Archon Web UI end-to-end?▼

You can validate the Archon Web UI by running an automated browser-based workflow that tests dashboard navigation, project management, chat interfaces, and workflows to identify UI defects and regressions before release.

What is automated UI validation for SSE streams?▼

Automated SSE validation tests real-time updates and SSE stability within the Web UI. It verifies state management and error handling under typical and edge-case scenarios to ensure continuous data streaming without failures.

Can I target specific sections like the dashboard for frontend testing?▼

Yes, you can parameterize the UI validation to target specific focus sections such as the dashboard or chat interface. This allows you to run quick checks on individual areas instead of executing the full end-to-end test suite.

How does e2e testing handle edge cases in state management?▼

E2E testing applies validation across the UI to verify navigation and state management under both typical and edge-case scenarios. It checks for real-time update failures and error handling to ensure application stability.

What do I get from a UI health report after testing workflows?▼

After testing workflows, the UI health report provides detailed bug and UX findings with actionable recommendations for developers and QA. It highlights regressions, performance issues, and coverage gaps across conversations and SSE streams.

Are there limitations to automated browser-based UI validation?▼

Automated UI validation focuses on the Archon Web UI dashboard, projects, conversations, and SSE streams. It is limited to catching UI/UX defects, regressions, and performance issues within these specified frontend areas rather than backend infrastructure.

Related Skills

Explore More Software Engineering Skills→
kjayleekjaylee

playwright-testing

Automate web application and game testing with Playwright headless browsers.

Community
Intermediate
supertyrellesupertyrelle

bug

Extract artifact, symptom, repro steps, expected behavior, and severity into structured bug reports.

Community
Advanced
SensLiaoSensLiao

qa-e2e-coverage-gate

Automate E2E coverage preparation, execution, and validation for QA pipelines.

Community
Intermediate
JuanMS20JuanMS20
1

e2e-testing

Automate end-to-end tests with Playwright, Cypress, or Selenium.

Community
Advanced