Wwa Transform

Turn any website into an AI-powered agentfront — crawl, generate, deploy.

Codiris Agentizer is a plugin for Claude Code and Codex that transforms any website into a full agent-first experience with AI chat, voice calls, interactive product browsing, conversational checkout, and more.

Install

Claude Code

git clone https://github.com/Humiris/wwa-transform.git ~/.claude/skills/agentizer

Then in Claude Code:

/agentizer https://stripe.com

Codex (OpenAI)

Option A — Personal install:

# Clone the plugin
git clone https://github.com/Humiris/wwa-transform.git ~/.codex/plugins/agentizer

# Add to your personal marketplace
mkdir -p ~/.agents/plugins
cat > ~/.agents/plugins/marketplace.json << 'EOF'
{
  "name": "wwa-plugins",
  "interface": { "displayName": "WWA Plugins" },
  "plugins": [{
    "name": "agentizer",
    "source": { "source": "local", "path": "../../.codex/plugins/agentizer" },
    "policy": { "installation": "AVAILABLE", "authentication": "ON_INSTALL" },
    "category": "Development"
  }]
}
EOF

Then restart Codex, go to Plugins, and install Agentizer.

Option B — Repo-scoped install (for teams):

# In your repo root
mkdir -p .agents/plugins
git clone https://github.com/Humiris/wwa-transform.git .agents/plugins/agentizer

cat > .agents/plugins/marketplace.json << 'EOF'
{
  "name": "wwa-plugins",
  "interface": { "displayName": "WWA Plugins" },
  "plugins": [{
    "name": "agentizer",
    "source": { "source": "local", "path": "./agentizer" },
    "policy": { "installation": "AVAILABLE", "authentication": "ON_INSTALL" },
    "category": "Development"
  }]
}
EOF

Then ask Codex: "Transform stripe.com into an agentfront"

CLI (standalone)

npx wwa-transform https://stripe.com

The standalone CLI is still published under the wwa-transform npm package.

What It Does

1. Crawls the target website — extracts brand, products, images, colors, navigation
2. Analyzes the company — understands market, customers, value proposition
3. Generates a full Next.js agentfront with:
   • Split-pane layout (content left, AI chat right)
   • AI chat powered by Gemini + GPT
   • Real-time voice calls via Gemini Live
   • 3D interactive product cards
   • Conversational checkout & demo booking
   • AI code generation for reports/dashboards
   • Developer page with API keys & MCP server
4. Deploys to wwa.{domain}.codiris.app via Vercel + Cloudflare

Live Examples

Brand	Type	Live URL
Visa	Financial Services	wwa.visa.codiris.app
Stripe	Developer API	wwa.stripe.codiris.app
Apple	Consumer Tech	wwa.project2389.codiris.app

Environment Variables

Variable	Required	Purpose
OPENAI_API_KEY	Yes	AI chat (GPT fallback)
GEMINI_API_KEY	Yes	AI chat (Gemini primary)
CLOUDFLARE_API_TOKEN	For DNS	Custom domain setup

Tech Stack

Next.js 16 / React 19 / Tailwind v4 / Framer Motion / Zustand / Gemini 3.1 Flash / GPT-5.4 / Gemini Live / Vercel / Cloudflare

Plugin Structure

agentizer/
├── .claude-plugin/plugin.json    # Claude Code manifest
├── .codex-plugin/plugin.json     # Codex manifest
├── SKILL.md                      # Core skill instructions (at repo root so Claude Code auto-discovers on clone to ~/.claude/skills/agentizer)
├── references/                   # Architecture, crawling, deployment guides
├── template/                     # Next.js agentfront template
├── cli/                          # Standalone CLI
├── AGENTS.md                     # Codex agent instructions
├── codex.json                    # Codex config
├── marketplace.json              # Marketplace entry
└── assets/                       # Logo, icons

License

MIT — Built by Iris Lab