Web UX Architect
Objective
Read project-config.json and generate information architecture artifacts for
page routes and wireframe structure.
Required Workflow
- Read
project-config.jsonfrom priorweb-stack-planneroutput. - 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:
- Google Stitch: https://stitch.withgoogle.com/
- Relume: https://relume.io/
- v0 by Vercel: https://v0.dev/
- Framer AI: https://framer.com/
- Uizard: https://uizard.io/
- Produce:
sitemap.mdwireframes.mdux-report.json
Execution
python skills/web-ux-architect/scripts/ux_architect.py --input <workspace> --output <out.json> --format json
References
references/tools.md