| name | web-ux-architect |
| description | Generate sitemap and wireframe specifications from project-config.json and produce UX planning artifacts. |
| compatibility | codex, claude-code, claude-ai, agent-skills |
| license | Apache-2.0 |
| allowed-tools | ["read_file","write_file","run_terminal_cmd","web_search"] |
| metadata | {"category":"web-builder","stage":"2-ux","pipeline":"web-builder"} |
Web UX Architect
Objective
Read project-config.json and generate information architecture artifacts for
page routes and wireframe structure.
Required Workflow
- Read
project-config.json from prior web-stack-planner output.
- Generate a full sitemap with top-level and nested routes.
- For each page, create a wireframe spec table with layout zones:
- header
- hero
- content
- sidebar
- footer
- Reference these design tools for visual generation:
- Produce:
sitemap.md
wireframes.md
ux-report.json
Execution
python skills/web-ux-architect/scripts/ux_architect.py --input <workspace> --output <out.json> --format json
References