Web UX Architect

Generate sitemap and wireframe specifications from project-config.json and produce UX planning artifacts.

majiayu000 Updated 567 repo stars

File contents

Web UX Architect

Objective

Read project-config.json and generate information architecture artifacts for page routes and wireframe structure.

Required Workflow

  1. Read project-config.json from prior web-stack-planner output.
  2. Generate a full sitemap with top-level and nested routes.
  3. For each page, create a wireframe spec table with layout zones:
    • header
    • hero
    • content
    • sidebar
    • footer
  4. Reference these design tools for visual generation:
  5. 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

  • references/tools.md

majiayu000/claude-skill-registry-data/tree/main/design/web-ux-architect commit a0fcc1fed3

Frequently asked questions

npx skillmds@latest add majiayu000/web-ux-architect