skills.rest
onsi
onsiCOMMUNITY
Explore all skills by this author →
GitHub

explore-unfamiliar-page

Dump DOM outline, accessibility tree, and screenshot to draft a Biloba spec.

25|7|Updated Mar 3, 2023
Search Tags:#browser-testing#test-automation#spec-generation#biloba#dom-outline#a11y-outline
One-click install
npx skills add https://github.com/onsi/biloba --skill explore-unfamiliar-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: explore-unfamiliar-page
Source: https://github.com/onsi/biloba/tree/main/plugins/biloba/skills/explore-unfamiliar-page
Command: npx skills add https://github.com/onsi/biloba --skill explore-unfamiliar-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Orient to a page or app you haven't seen, then draft a starter Biloba spec. Use when writing browser tests against an unfamiliar URL or fixture — it drives the page once to dump its DOM outline, accessibility tree, and a screenshot so you can SEE it, then proposes a spec with sensible readiness anchors and interactions. Covers the orient-then-author loop and cleanup. Also invokable as /biloba:explore-unfamiliar-page <url-or-fixture>.

Core Features & Use Cases

  • Show DOM outline and accessibility tree for a fresh page
  • Capture a screenshot to validate visuals and layout
  • Draft a ready Biloba spec with stable readiness anchors and interactions
  • Clean up scratch artifacts after drafting

Quick Start

Navigate to the target URL, dump the DOM outline and accessibility tree, capture a screenshot, and draft a ready Biloba spec.

Frequently Asked Questions about explore-unfamiliar-page

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

FAQPage Schema
How do I draft a test spec for an unfamiliar web page?▼

To draft a test spec for an unfamiliar web page, the Skill drives the target URL once to dump its DOM outline, accessibility tree, and screenshot, then generates a starter Biloba spec with readiness anchors and interactions.

What is the orient-then-author workflow for browser test automation?▼

The orient-then-author workflow exposes a fresh page by capturing its DOM outline, accessibility tree, and screenshot so you can see its structure, then drafts a tailored Biloba spec to accelerate test authoring.

How do I generate readiness anchors for a Biloba spec?▼

You generate readiness anchors for a Biloba spec by applying this Skill to a URL or fixture; it observes the DOM and accessibility tree to propose stable anchors and interactions tailored to the page structure.

Do I need Biloba wired into my test suite to use this spec generation?▼

Yes, you need Biloba wired into your test suite to use this spec generation, as the drafted output is a starter Biloba spec designed to integrate with the orient-then-author loop and cleanup process.

How do I capture a DOM outline and accessibility tree for test automation?▼

You capture a DOM outline and accessibility tree for test automation by driving the target page once with this Skill, which dumps the structural data alongside a screenshot to help you validate visuals and layout.

What is the best way to start writing browser tests against an unfamiliar fixture?▼

The best way to start writing browser tests against an unfamiliar fixture is to dump its DOM outline and accessibility tree, capture a screenshot, and draft a ready Biloba spec with stable readiness anchors and interactions.

Related Skills

Explore More Software Engineering Skills→
onsionsi
25

setup

Wire Biloba into a Ginkgo suite with SynchronizedBeforeSuite and Chrome lifecycle options.

Community
Advanced
onsionsi
25

api

Locates Biloba API methods and matchers for precise test automation.

Community
Intermediate
AskTinNguyenAskTinNguyen

browser-testing-with-devtools

Inspect live pages, DOM, console logs, and network activity via Chrome DevTools MCP.

Community
Advanced
anhtesteranhtester
129

Locator Healer Agent

Repair broken UI locators in Playwright or Selenium Page Objects.

Community
Intermediate