Skip to content

Humiris/wwa-transform

Repository files navigation

Codiris Agentizer

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