page-tree

Generate a hierarchical tree of controls, events, and local procedures for a WebDev/WinDev page.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/GilbertoAbrao/wxcode --skill page-tree
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-tree
Source: https://github.com/GilbertoAbrao/wxcode/tree/main/.claude/skills/page-tree
Command: npx skills add https://github.com/GilbertoAbrao/wxcode --skill page-tree

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves the problem of visualizing complex WebDev/WinDev pages by generating a complete hierarchical view of a page, including its controls, events, and local procedures.

Core Features & Use Cases

  • Hierarchical visualization of controls by parent/child
  • Inclusion of events with code snippets for each control
  • Listing of local procedures defined on the page
  • Simple parameter: page_name to target a specific page for the tree
  • Useful for debugging, documentation, and onboarding

Quick Start

Use the page-tree skill to generate the tree for PAGE_FORM_Boleto or PAGE_LOGIN.

Frequently Asked Questions about page-tree

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

FAQPage Schema
How do I visualize the control hierarchy of a WebDev page?

To visualize a WebDev page control hierarchy, you parse the page source data and organize controls by parent-child relationships. This generates a complete hierarchical tree view showing all nested controls on the page.

Can I extract event handlers and local procedures from a WinDev page?

Yes, you can extract event handlers and local procedures from a WinDev page during the hierarchy generation. The process surfaces local procedures and includes event handlers with code snippets for each control in the tree.

What is the best way to document WebDev page structure for onboarding?

The best way to document WebDev page structure is generating a hierarchical tree of controls, events, and procedures. This provides a complete visual reference of the page architecture for debugging and onboarding workflows.

Do I need to specify a page name to generate a page tree in WebDev?

Yes, you need to specify a page_name parameter to target the specific WebDev page you want to visualize. This parameter identifies the exact page to parse for controls, events, and local procedures.

Does generating a page tree for WinDev require external dependencies?

Generating a page tree for WinDev requires no external dependencies. It directly parses page source data to organize controls by parent-child relationships and extract event handlers without additional packages.