AI Workflow

A persistent workflow system built around one project mainline. Start with a demo project to see how context carries from discovery through build operations, then inspect each stage in sequence.

Demo Mainlines

Project-based workflow demos

Each demo project carries one continuous memory through the full four-stage line.

Industrial Supplier Demo

Southern Lift Solutions

A B2B elevator supplier website project used to demonstrate full workflow continuity from discovery through build operations.

In Progress Current stage: Build, Monitoring, and Iteration

Finalize implementation tasks for the first release, then extend the same MCP patterns into monitoring and iteration.

Discovery

System Design

Page Strategy

Build

Hotel Booking Demo

Hotel Emerald

A boutique hotel website project used to demonstrate full workflow continuity from discovery through direct-booking focused build operations.

In Progress Current stage: Build, Monitoring, and Iteration

Finalize implementation tasks for the first release, then extend the same MCP patterns into monitoring and iteration.

Discovery

System Design

Page Strategy

Build

Stage Library

Reusable stage definitions

These are the six base stages that power every mainline. They remain reusable, but they now plug into a single project memory instead of working as isolated prompts.

01 · Discovery

Discovery and Website Brief

Turn raw client input into a decision-ready website brief, sitemap recommendation, and delivery direction.

1

Collect client and business inputs

2

Refine the prompt with guided fields

3

Review the discovery board

02 · System Design

Design System

Unify visual rules and page structure into one reusable system.

1

Collect the logo color and visual reference websites

2

Apply SKILL.md as the prompt contract

3

Generate the final design.md document

4

Review the website design output example

03 · Page Strategy

Page Structure

Plan high-performing page templates through one adaptable workflow.

1

Collect the necessary Discovery inputs and selected pages

2

Build the page structure prompt

3

Generate the final page-structure.md document

4

Use DESIGN.md and page-structure.md to drive the page design result

04 · Build

Build, Monitoring, and Iteration

Use MCP to execute build tasks, monitor issues, and refine the workflow in one operational stage.

1

Choose the WordPress MCP task category

2

Collect the exact site, content, media, theme, or issue context

3

Generate the reusable MCP prompt or command pattern

4

Review build, monitoring, and repair patterns in one command library