OcianiX Pipeline
v1.0.0
Projects/System Overview

System Architecture

Factory-style web production pipeline — 24 stages, 8 phases, ~199 substages

Full Diagram
1
Projects
1 completed
24
Stages
8 phases
~199
Substages
across pipeline
185
Templates
prompt files
199
Artifacts
generated
5
Modules
PowerShell
1

Three-Layer Architecture

Presentation
Dashboard — Next.js 16 + Tailwind 4
Project Overview
Cards, progress, demo badges
Stage Timeline
24 stages, expand substages
Metrics Bar
Cost, tokens, progress
Artifact Browser
File tree, JSON viewer
System Overview
Architecture visualization
↓ reads via API routes (GET only, no mutations) ↓
Data
File System — JSON State + Artifacts
state.json
Pipeline position, context, metrics
artifacts/
stage_01–stage_24, 172 JSON files
prompts/
Sent prompt audit trail
templates/
185 Mustache-style prompt templates
↓ managed by PowerShell modules ↓
Engine
PowerShell Pipeline Engine — 5 Modules
OcxPipeline
Orchestration, state, prerequisites
OcxClaude
Claude API, template interpolation
OcxDeploy
Cloudflare Pages, DNS, SSL
OcxMedia
WebP/AVIF, favicons, OG images
OcxTest
Lighthouse, a11y, SEO, links
2

Pipeline Phases

A
Discovery & Strategy
Stage 1–5
5
stages
B
Information Architecture & SEO
Stage 6–8
3
stages
C
Design System & UI
Stage 9–11
3
stages
D
Content Production
Stage 12–13
2
stages
E
Development
Stage 14–17
4
stages
F
Integration & Optimization
Stage 18–20
3
stages
G
Quality Assurance
Stage 21–22
2
stages
H
Deployment & Post-Launch
Stage 23–24
2
stages
3

Stage Execution Lifecycle

✓
Prerequisites
Check depends_on
📄
Load Template
templates/stage_XX/
🔄
Interpolate
{{artifact}} {{context}}
🤖
Execute
AUTO / MANUAL / HYBRID
💾
Save Artifact
artifacts/stage_XX/
📊
Update State
position + metrics
4

Snowball Context Accumulation

Stage 1
Brief
2 fields
Stage 5
+ Brand + Content
12 fields
Stage 8
+ SEO + Sitemap + Wireframes
22 fields
Stage 11
+ Tokens + Components + Designs
31 fields
Stage 17
+ Code + Pages + Routing
40 fields
Stage 24
Full Project Knowledge
50+ fields

Each stage reads the full accumulated_context and appends its outputs. By Stage 24, the context contains every project decision.

5

Module Function Map

OcxPipeline

Start-OcxPipeline
Invoke-OcxStage
Get-OcxStageStatus
Read-OcxProjectState
Write-OcxProjectState
Update-OcxAccumulatedContext
Save-OcxStageArtifact
Save-OcxPromptLog
Test-StagePrerequisites
Export-OcxProject
Send-OcxDashboardNotification

OcxClaude

Invoke-OcxClaudeCompletion
Invoke-OcxClaudeWithContext
Format-OcxPromptTemplate
Get-OcxTokenCost
Get-OcxContextSummary
Get-OcxStageSystemPrompt

OcxDeploy

Deploy-OcxCloudflarePages
Set-OcxDnsRecords
Test-OcxSslCertificate
Test-OcxSmokeTest

OcxMedia

Convert-OcxToWebP
New-OcxFaviconSet
New-OcxOgImage
Get-OcxImageAudit
Test-OcxImageTools

OcxTest

Test-OcxPerformance
Test-OcxAccessibility
Test-OcxLinks
Test-OcxSeoValidation
6

Execution Modes

AUTO

Template → Claude API → Artifact saved automatically

Technical tasks: SEO, code generation, testing

MANUAL

Human provides input through the dashboard

Client brief, approval gates, domain selection

HYBRID

Claude generates draft → Human reviews & approves

Brand identity, wireframes, page designs

7

Cost Model (per project)

~$24.15
Claude Opus (estimated)
70 calls · strategy, brand, content
~$6.21
Claude Sonnet (estimated)
90 calls · SEO, code, testing
~$30.36
Total Estimated per Project
160 prompts · ~1.1M tokens
No real charges — Demo: $0.00
Open full interactive architecture diagram