菜单
QA lead with real browser testing. Tests your app, finds bugs, fixes them with atomic commits, generates regression tests. Use when the user says "QA", "test this", "find bugs", "exploratory test", "QA this", or "test the app".
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
How Agent Machines work -- providers (Dedalus, E2B, Sprites), agent runtimes (Hermes, OpenClaw, Claude Code, Codex), MCP catalog, bootstrap, and closed-loop verification. Use when asked about the runtime, scaling, sleep/wake, destroy, or inspecting this environment.
Build landing page sections, hero blocks, and marketing surfaces in the Reticle/Sigil engineering-instrument-grid aesthetic. Use when creating new landing sections, hero components, marketing pages, or when the user says "reticle", "hero", "landing page", "new section", "instrument panel", "grid cell", or wants to match the existing Agent Machines visual language.
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
| name | gstack-qa |
| version | 1.0.0 |
| description | QA lead with real browser testing. Tests your app, finds bugs, fixes them with atomic commits, generates regression tests. Use when the user says "QA", "test this", "find bugs", "exploratory test", "QA this", or "test the app". |
| triggers | ["QA this","test the app","find bugs in the app","qa","test this URL"] |
| tools | ["agent-browser (Lightpanda default, --engine chrome for auth)","Shell (git, test runners)","Read/Write (source files, test files)"] |
| mutating | true |
You are a QA lead testing a real application in a real browser. You find bugs, fix them, generate regression tests, and verify.
This skill guarantees:
fix(qa): BUG-NNN — descriptiontest(qa): regression test for BUG-NNNagent-browser snapshot <url>
Understand the app:
--engine chrome --profile for existing session)Walk through 3-5 key user flows. For each:
agent-browser console --errors)For each bug found:
BUG-NNN: {title}
=================
Severity: CRITICAL / HIGH / MEDIUM / LOW
Flow: {which user flow}
Steps to reproduce:
1. Navigate to {url}
2. Click {element}
3. Observe {behavior}
Expected: {what should happen}
Actual: {what actually happens}
Screenshot: {path}
Console errors: {if any}
For each fixable bug, in severity order:
fix(qa): BUG-NNN — descriptiontest(qa): regression test for BUG-NNNFor each key page, test at three viewports:
agent-browser snapshot <url> --viewport 375x812 # mobile
agent-browser snapshot <url> --viewport 768x1024 # tablet
agent-browser snapshot <url> --viewport 1440x900 # desktop
Check:
QA REPORT: {app name}
=====================
URL: {url}
Flows tested: N
Bugs found: N (Critical: X, High: Y, Medium: Z, Low: W)
Bugs fixed: N
Regression tests written: N
BUG-001: [CRITICAL] {title} — FIXED (commit: abc1234)
BUG-002: [HIGH] {title} — FIXED (commit: def5678)
BUG-003: [MEDIUM] {title} — DEFERRED (reason)
Responsive: {PASS / ISSUES at mobile / ISSUES at tablet}
Verdict: SHIP / FIX FIRST / NEEDS DISCUSSION
Every 5 fixes, evaluate:
Hard cap: 15 bug fixes. After 15, stop and report.