AI Builder workflow

Customize templates with Codex, Claude Code, or Cursor

Open the project, load the markdown files, ask your AI tool to apply brand and content changes, then deploy the finished HTML site.

Codex Claude Code Cursor Windsurf GitHub Copilot
1

Open project

Download the ZIP, open it in your editor, and keep the /ai folder beside the website files.

2

Load markdown files

Ask the AI tool to read design.md, project.md, pages.md, branding.md, seo.md, and implementation.md first.

3

Customize safely

Request brand, content, page, and component changes using the documented constraints and acceptance criteria.

4

Deploy

Run final checks for responsive behavior, accessibility, SEO metadata, and asset replacement before launch.

Tool-specific starts

Prompt patterns for AI-assisted builders

Each template includes workflow instructions for different coding agents so customization starts from the right context.

Codex

Use the AI files as project context, ask Codex to propose edits, then let it implement scoped changes and run local verification.

Claude Code

Load the markdown plan, ask for content and component updates, then request a final pass against requirements.md and launch-checklist.md.

Cursor

Pin the /ai files as context, update sections through composer prompts, and keep generated changes aligned to design.md.