frontend-bug-triage

Triage frontend bugs in wetty-chat-mobile with root cause analysis and fixes.

17|10|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/Wetty-Technology/wetty-chat --skill frontend-bug-triage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-bug-triage
Source: https://github.com/Wetty-Technology/wetty-chat/tree/main/.agents/skills/frontend-bug-triage
Command: npx skills add https://github.com/Wetty-Technology/wetty-chat --skill frontend-bug-triage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Triage frontend bugs in wetty-chat-mobile to rapidly identify symptoms, probable causes, and actionable fixes, reducing debugging time and fragility in the UI.

Core Features & Use Cases

  • Systematic bug triage for React/Ionic frontends including UI glitches, navigation issues, WebSocket/real-time problems, API error symptoms in the UI, state management concerns, and performance regressions.
  • Provides reproduction steps, diagnostic logging guidance, root cause analysis, and concrete remediation recommendations to speed up fixes across mobile and desktop shells.
  • Use Case: When a user reports an issue like a broken button, layout shift, or stale data in the chat UI, begin at triage to surface the likely source and suggested next steps.

Quick Start

Describe the observed symptom, reproduce it, and follow the triage steps to identify the root cause and recommended fix.

Frequently Asked Questions about frontend-bug-triage

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

FAQPage Schema
How do I triage frontend bugs in a React and Ionic mobile chat application?

To triage frontend bugs in React and Ionic applications, analyze the observed symptom, establish reproduction steps, and follow a structured workflow to identify the root cause. This process surfaces probable causes and actionable fixes for UI glitches, navigation issues, and WebSocket problems.

What is the best way to diagnose WebSocket real-time problems in a mobile chat UI?

The best way to diagnose WebSocket real-time problems is to follow a structured triage workflow that includes diagnostic logging guidelines and root cause analysis. This approach identifies symptoms in the chat UI and provides recommended fixes for stale data and real-time connection failures.

How do I find the root cause of state management issues causing stale data in a Redux frontend?

Finding the root cause of Redux state management issues requires applying diagnostic logging guidelines during bug triage. This method isolates frontend state management concerns, analyzes reproduction steps, and recommends concrete remediation to resolve stale data in the chat UI.

Can I use this bug triage workflow for API errors surfaced in the UI?

Yes, you can use this bug triage workflow for API errors surfaced in the UI. The systematic triage process applies to API error symptoms by providing reproduction steps, root cause analysis, and actionable fixes to speed up remediation across mobile and desktop shells.

Why does my mobile chat layout shift, and how do I get actionable fixes?

Mobile chat layout shifts occur due to UI glitches that require systematic bug triage to identify. By describing the observed symptom and reproducing it, the triage workflow analyzes the issue and delivers concrete remediation recommendations to fix the broken layout.

Does this bug triage workflow handle performance regressions in React frontends?

Yes, this bug triage workflow handles performance regressions in React frontends. It systematically analyzes the symptoms, provides diagnostic logging guidance, and recommends actionable fixes to reduce debugging time and fragility in the UI.