跳到正文
cccskills
免费在 GitHub 公开

browser-testing

Tests a real web user flow with a browser by asserting semantic behavior, network and loading states, keyboard access, responsive layouts, and stable visual evidence. Use for browser bugs, end-to-end UI behavior, responsive or accessibility checks, and screenshot baselines. Not for static source review without a browser or for backend-only tests.

中文简介正在准备中。当前显示原文说明。

集成工具Playwright
查看安装方法

包含的文件(2)

  • SKILL.md1.8 KB
  • references/browser-checklist.md797 B

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Browser Testing

Exercise the user boundary with deterministic data and meaningful assertions.

Build the test

  1. Identify the route, user role, starting state, and supported viewport.
  2. Wait on semantic readiness—role, label, URL, response, or visible state—not arbitrary sleeps.
  3. Assert the user outcome, important error path, and relevant network/API behavior. Prefer accessible locators over CSS implementation details.
  4. Cover keyboard flow and at least the narrowest supported viewport for responsive work.
  5. Freeze clocks, animations, random IDs, remote data, and fonts only when the test requires stable visual evidence; do not hide real regressions.
  6. Capture screenshots at stable component/page boundaries and review diffs before updating baselines.

Use browser-checklist.md for Playwright, DevTools, and non-Playwright equivalents. Use frontend-design for design decisions and ui-ux-review for an independent visual pass.

Safety and flake control

Use test accounts and fixtures. Do not send destructive actions to production. Record browser, viewport, locale, timezone, and feature flags. Investigate flakes instead of increasing timeouts until they disappear.

Completion condition

The browser test proves the requested user behavior at the real boundary, is repeatable, covers the relevant state/viewport, and reports visual or environment limits.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Designs and runs reproducible evaluations for AI agents, prompts, tools, skills, and model-backed workflows using realistic datasets, isolated baselines, objective assertions, rubric grading, trajectory analysis, cost/latency tracking, and regression comparison. Use when measuring agent quality, optimizing skill triggering, comparing prompts or models, or gating an AI feature release. Not for ordinary deterministic unit tests.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

Designs or reviews HTTP, REST, GraphQL, RPC, CLI, webhook, event, and service interfaces with explicit inputs, outputs, errors, compatibility, idempotency, pagination, authentication, versioning, and observability. Use when introducing or changing an API or cross-component contract. Not for internal implementation details with no boundary or for debugging one API failure; use root-cause-debugging there.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

Reviews an existing codebase for structural friction, unclear ownership, leaky or shallow interfaces, excessive coupling, misplaced state, poor testability, and risky dependency direction, then prioritizes evidence-backed improvement candidates. Use for architecture audits, modularization, modernization, or recurring cross-cutting change pain. Not for designing one new interface, simplifying a local function, or fixing a reproduced bug.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

Validates a running application, CLI, API, service, or generated artifact as a user or operator against a prewritten observable behavior contract while remaining source-blind. Use for acceptance checks, runtime proof, anti-fake probes, release smoke tests, or an independent companion to code review. Not for source-quality findings, root-cause diagnosis, or visual design judgment outside the contract.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

Closes a completed development branch by checking the final diff and proof, presenting merge, pull-request, keep, or discard options, and cleaning up only after the user or repository workflow chooses a path. Use when feature work is complete and the branch must be integrated or retired. Not for claiming a feature is complete before verification.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

Simplifies recently changed or explicitly scoped code while preserving observable behavior, error semantics, side effects, ordering, and public contracts. Use for readability cleanup, dead-code removal, reducing nesting, eliminating redundant wrappers, or making an implementation easier to maintain. Not for architecture redesign, new behavior, speculative cleanup, or a refactor without an adequate safety net.

中文简介正在准备中。当前显示原文说明。

thiientv/godmode992026年8月26日 更新

查看 thiientv 的全部技能

报告此技能的问题