codex-visual-web-builder

codex-visual-web-builder

Installs the $visual-web-builder Codex skill.

This skill combines image generation with image-first frontend implementation:

• generate or edit raster images and visual references
• create section-by-section website references
• analyze typography, layout, spacing, colors, components, and image treatment
• implement the frontend from those references

Install

npx codex-visual-web-builder

If the skill already exists:

npx codex-visual-web-builder --force

Use

After installing, invoke it in Codex:

Use $visual-web-builder to create a premium landing page for a boutique gym.
Generate visual references first, analyze them, then implement the site.

Useful prompt details:

• brand or project name
• target audience
• page goal
• style direction
• sections needed
• required copy
• target stack or current project

Example

Use $visual-web-builder to build a 5-section landing page.

Brand: Forma Studio
Business: pilates boutique studio in Milan
Goal: book trial classes
Style: premium, calm, editorial, light mode
Sections: hero, class types, instructors, testimonials, booking CTA
Output: implement in the current React project