Captures the rendered layout of a webpage as a spatial tree of elements, with positions, sizes, grid layouts, backgrounds, and overlay occlusion, via the web CLI. Returns indented text, a JSON tree, and a map from node IDs to CSS selectors. Use before page decomposition, overlay detection, or brand extraction, or when the user asks for a page's visual hierarchy or layout.
Install
npx skills add adobe/skills --skill page-treenpx skills add adobe/skills --skill page-tree -a claude-code -gnpx skills add adobe/skills --skill page-tree -a codex -ggemini skills install https://github.com/adobe/skills.git --path plugins/web/skills/page-treegh skill install adobe/skills page-treegit clone --depth 1 https://github.com/adobe/skills /tmp/adobe__skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/adobe__skills/plugins/web/skills/page-tree ~/.claude/skills/page-tree # Claude Code
cp -R /tmp/adobe__skills/plugins/web/skills/page-tree ~/.agents/skills/page-tree # Codex, Cursor, Gemini CLI, Copilot, OpenCode