JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 44
  • Score
    100M100P100Q100601F
  • License MIT

33-agent AI software agency framework for Claude Code, Cursor, and Gemini CLI. Orchestrates specialized agents for SaaS Engineering, Cybersecurity (Red Team), McKinsey PPT Design, Spatial CAD/GIS, and PhD Research. Features Caveman & Graphify token-saving protocols.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (zeoel-framework) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    πŸ€– Zeoel β€” AI Agency Multi-Agent Framework

    The 33-Agent AI Development Team That Builds Your Software

    NPM Version License: MIT Agents Skills Claude Code PRs Welcome

    A production-grade multi-agent orchestration framework for Claude Code, Cursor, and Gemini CLI that replaces monolithic AI prompts with a team of 33 specialized AI agents β€” each with curated skills, strict TDD enforcement, and sprint-based project management. Stop vibe-coding. Start shipping.

    Works with Claude Code Β· Cursor Β· Gemini CLI Β· GitHub Copilot Β· Antigravity Β· and more

    Quick Start Β· How It Works Β· The 33 Agents Β· 450+ Skills Β· Contributing


    ⚑ Quick Start

    # Initialize Zeoel in any project directory
    npx zeoel-framework init
    
    # Open your AI coding tool and start building
    # "I want to build a SaaS dashboard with auth and billing"

    That's it. Zeoel takes over β€” brainstorming, planning sprints, dispatching specialized agents, writing tests first, and verifying quality before shipping.

    πŸ“– See USER_MANUAL.md for the full guide and SETUP.md for platform-specific setup.


    πŸ€” Why Zeoel?

    Most AI coding tools use a single monolithic prompt. You tell them to "build a SaaS app" and they dump out untested, unstructured code β€” that's vibe-coding. Zeoel is different.

    Feature Plain AI Tool Zeoel Framework
    Structured 4-phase pipeline ❌ βœ…
    33 specialized agents (frontend, backend, QA, DevOps...) ❌ βœ…
    🧠 Smart Config Inference (reads your prompt, skips questions) ❌ βœ…
    πŸ’‘ Intelligent Model Routing (auto-selects cheapest LLM per task) ❌ βœ…
    πŸͺ“ Caveman & Graphify token compression (save up to 75% output and 71.5x input tokens) ❌ βœ…
    Cybersecurity, Growth Marketing, McKinsey Slides & PhD Research ❌ βœ…
    Strict TDD enforcement (Red-Green-Refactor) ❌ βœ…
    Sprint planning with progress tracking ❌ βœ…
    Automatic code containment (frontend/ + backend/) ❌ βœ…
    Git worktree snapshots per sprint ❌ βœ…
    450+ curated skills library ❌ βœ…
    Security audits + SEO audits built-in ❌ βœ…
    Cross-platform (Claude Code, Cursor, Gemini CLI, Copilot, Antigravity) ❌ βœ…

    πŸ”„ How It Works

    Zeoel follows a disciplined 4-phase pipeline β€” no shortcuts, no vibe-coding. Works natively with Claude Code sub-agents, Cursor, Gemini CLI, and GitHub Copilot:

    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
    β”‚  BRAINSTORM  │───▢│    PLAN     │───▢│   EXECUTE   │───▢│   VERIFY    β”‚
    β”‚              β”‚    β”‚             β”‚    β”‚             β”‚    β”‚             β”‚
    β”‚ CEO debates  β”‚    β”‚ Sprint      β”‚    β”‚ Agents      β”‚    β”‚ QA tests    β”‚
    β”‚ with all     β”‚    β”‚ decomp,     β”‚    β”‚ dispatched   β”‚    β”‚ Security    β”‚
    β”‚ 33 agents    β”‚    β”‚ task cards  β”‚    β”‚ with TDD    β”‚    β”‚ SEO audit   β”‚
    β”‚              β”‚    β”‚ feature     β”‚    β”‚ Red-Green-  β”‚    β”‚ Worktree    β”‚
    β”‚ PROJECT_     β”‚    β”‚ branch      β”‚    β”‚ Refactor    β”‚    β”‚ snapshot    β”‚
    β”‚ BRIEF.md     β”‚    β”‚ created     β”‚    β”‚             β”‚    β”‚             β”‚
    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜    β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

    Phase 1: Brainstorm β€” with Smart Config Inference

    Gohar (CEO) reads your prompt and auto-detects your stack preferences (framework, database, testing style) β€” no 20-question surveys. He asks only what he can't figure out, then leads a debate between all agents to define scope. Produces PROJECT_BRIEF.md.

    Phase 2: Sprint Planning β€” with Graphify Codebase Context Mapping

    Decomposes the brief into actionable sprints. At the start of Phase 2, Gohar runs /graphify . --wiki to build/update the codebase's semantic knowledge map, creating a 71.5x input token reduction. Gohar assigns each task to a specific sub-agent with its recommended model tier.

    Phase 3: Execution β€” with Caveman Prompt Compression

    Each agent is dispatched to complete its task. To save up to 75% on output tokens, all agents strictly follow /caveman prompting rules, writing in technical, telegraphic style. Strict TDD is enforced β€” tests first, then logic in frontend/ and backend/ only. After edits, /graphify . --update updates the codebase map.

    Phase 4: Verification & Snapshot

    QA tests, security audits, SEO audits, and final code reviews are run by QA, Security, and SEO specialists. Once passed, the branch merges to main and the sprint is archived to .worktrees/sprint-N/.


    🧠 Smart Config Inference

    Most frameworks ask you a dozen setup questions before you even start. Zeoel reads your prompt and figures it out.

    You: "Build me a SaaS dashboard with auth and Stripe billing"
    
    Gohar: 
    ═══════════════════════════════════════════
      πŸ” SMART CONFIG β€” Auto-detected from your prompt
    ═══════════════════════════════════════════
      βœ… Stack:     Full-stack (detected: "auth and billing")
      βœ… Frontend:  Next.js (detected: "SaaS dashboard")
      βœ… Backend:   Laravel (detected: "billing" β†’ SaaS default)
      βœ… Database:  PostgreSQL (detected: "SaaS" β†’ multi-tenant)
      βœ… Testing:   Strict TDD (default)
      βœ… Snapshots: Yes (default)
      ❓ Mobile:    Not mentioned β€” do you need one?
    ═══════════════════════════════════════════

    One prompt. Zero friction. Full control. If Gohar gets something wrong, just tell him to change it.


    πŸ’‘ Intelligent Model Routing

    Why burn Opus/o3 tokens on a README update? Zeoel assigns a complexity tier to every task and recommends the cheapest model that can do the job:

    Tier When Example Models Cost
    🟒 Light Docs, config, boilerplate, simple tests claude-3.5-haiku, gpt-4o-mini, gemini-flash πŸ’°
    🟑 Standard Components, APIs, CRUD, UI, unit tests claude-sonnet-4, gpt-4o, gemini-2.5-pro πŸ’°πŸ’°
    πŸ”΄ Complex Architecture, security, debugging, 3D, ML claude-opus-4, o3, gemini-2.5-pro (thinking) πŸ’°πŸ’°πŸ’°

    Every task in the sprint plan includes its tier, so you know exactly where your tokens are going:

    ═══════════════════════════════════════════
      DISPATCHING: Karar (Sr. Frontend Engineer)
      Task: #4 β€” Build the pricing page
      Skills: nextjs-turbopack, frontend-design
      Tests: Component test + route test
      Model Tier: 🟑 Standard
      Recommended: claude-sonnet-4
    ═══════════════════════════════════════════

    Result: Up to 60% fewer tokens on a typical sprint by routing simple tasks to fast, cheap models.


    πŸ‘₯ The 33 Specialized Agents

    Each agent has a distinct persona, curated skill pack, and defined responsibility:

    Role Name Specialty & Tech Stack
    πŸ‘‘ CEO & Orchestrator Gohar Sprint planning, agent dispatch, worktree snapshots, caveman, graphify
    🎨 Product Designer Mahdi UX flows, accessibility, SEO-first design, frontend-design
    πŸ–Œ Visual Director Mustafa Three.js, GSAP, premium styling, Framer Motion, design tokens
    βš›οΈ Sr. Frontend Engineer Karar Next.js App Router, shadcn/ui, 3D, GSAP, SEO, Tailwind, TDD
    πŸ₯Ύ Bootstrap UI Architect Hassan Bootstrap 5, SCSS, responsive grid, dashboard layouts
    πŸ’  shadcn/UI Specialist Noor shadcn/ui, Radix, Tailwind v4, custom design tokens, CVA
    βš›οΈ React UI Craftsman Anas React 19, Vite SPAs, Zustand, Jotai, TanStack Query, GSAP
    🟒 Vue/Nuxt Architect Amina Vue 3 Composition API, Nuxt 4, Pinia, SSR, Vite, dynamic forms
    🎨 Pixel-Perfect CSS Eng Hasan CSS Grid/Subgrid, Container queries, View Transitions, OkLCH
    πŸ”§ Backend Engineer Tariq Laravel, PostgreSQL, SaaS billing, REST/GraphQL APIs
    πŸ“ Content & SEO Zara Technical SEO, keyword strategy, JSON-LD, content marketing
    πŸ“± Mobile Developer Abdullah Flutter, Material 3, Riverpod, Kotlin, Swift
    🌐 React Native Specialist Zayd React Native, Expo, native integration, performance
    πŸ“Š Data & ML Engineer Fatima Postgres analytics, ML pipelines, ClickHouse, Python
    🐍 Python Engineer Abbas Python, Django, FastAPI, Scikit-learn, Celery
    βš™οΈ Systems Engineer Bilal Go, Rust, C++, high-performance networking
    🍏 iOS Developer Layla SwiftUI, Swift concurrency, CoreData
    πŸ€– Android Developer Hamza Kotlin, Jetpack Compose, clean architecture
    πŸ₯ Healthcare Engineer Khadija HIPAA compliance, EMR integration, FHIR
    ⛓️ Web3 Engineer Salman Smart contracts, DeFi, AMM security, Solidity, OpenZeppelin
    πŸ›‘οΈ Cybersecurity Expert Hamid Offensive security, red teaming, pen testing, EVM static analysis, cryptography
    πŸ“ˆ Growth Hacker Farhan Conversion rate optimization (CRO), high-persuasion copywriting, local geo-SEO
    πŸ“Š Slide Deck Designer Taha McKinsey PowerPoint design, MECE presentation Outlines, Chart.js slides
    πŸ“ Comput. Spatial Expert Sami Parametric CAD algorithms, GeoJSON geometry bounds, spatial-GIS coordinates
    πŸ”¬ Principal PhD Researcher Yahya Google Scholar paper mappings, academic literature matrices, LaTeX/APA reports
    πŸ” Debugger & Performance Sajjad Systematic 4-phase debugging, performance profiling, error-handling
    πŸ“š Docs & API Writer Baqir Technical writing, OpenAPI specs, developer experience
    πŸ§ͺ QA Engineer Muhammad Playwright, Cypress, strict TDD enforcement
    πŸ›‘οΈ DevOps & Security Ali Docker, GitHub Actions, OWASP, CI/CD pipelines
    🧠 AI Architect Ibrahim Multi-agent setups, MCP servers, LLM evaluations, self-evolution
    β˜• Enterprise Java Yusuf Spring Boot, Quarkus, enterprise patterns
    πŸ’Ό Business Operations Maryam SaaS billing ops, logistics, startup metrics
    πŸ“‹ Product Manager Zainab Agile sprint management, user story mapping, backlog grooming

    All agent names are inspired by Ahle Bait (a.s.) and the Zeoel team.


    πŸ“š 450+ Curated Skills

    Zeoel ships with 450+ production-ready skills covering every aspect of modern software development:

    🎨 Frontend & Design (75+ skills)

    nextjs-turbopack Β· tailwindcss-v4 Β· shadcn-ui-patterns Β· radix-ui-primitives Β· gsap-scrolltrigger Β· threejs-webgl Β· react-three-fiber Β· motion-framer Β· react-spring-physics Β· lottie-animations Β· animated-component-libraries Β· barba-js Β· locomotive-scroll Β· pixijs-2d Β· babylonjs-engine Β· spline-interactive Β· view-transitions-api Β· css-container-queries Β· design-tokens-system Β· micro-interactions Β· liquid-glass-design Β· modern-web-design Β· ui-ux-pro-max Β· frontend-design Β· frontend-patterns Β· figma-to-code Β· responsive-email-templates Β· vite-patterns Β· nuxt4-patterns Β· angular-developer Β· motion-design Β· material-3-skill Β· swiss-design-skill Β· taste-skill Β· transitions.dev Β· and more...

    πŸ”§ Backend & Infrastructure (60+ skills)

    laravel-patterns Β· laravel-security Β· laravel-tdd Β· nestjs-patterns Β· fastapi-patterns Β· django-patterns Β· springboot-patterns Β· postgres-patterns Β· redis-patterns Β· prisma-patterns Β· supabase-patterns Β· drizzle-orm-patterns Β· trpc-patterns Β· graphql-patterns Β· stripe-billing-patterns Β· oauth2-auth-patterns Β· rate-limiting-patterns Β· websocket-realtime Β· queue-patterns Β· docker-patterns Β· deployment-patterns Β· mysql-patterns Β· and more...

    πŸ“± Mobile (15+ skills)

    dart-flutter-patterns Β· kotlin-patterns Β· kotlin-coroutines-flows Β· swiftui-patterns Β· swiftui-pro Β· compose-multiplatform-patterns Β· android-clean-architecture Β· mobile-app-design Β· mobile-app-ui-design Β· and more...

    πŸ€– AI & Agents (25+ skills)

    mcp-server-patterns Β· mcp-builder Β· mcp-server-builder Β· rag-pipeline Β· prompt-engineering Β· vercel-ai-sdk Β· pytorch-patterns Β· agentic-engineering Β· autonomous-loops Β· agent-teams Β· cost-aware-llm-pipeline Β· self-evolution Β· memento-skills Β· and more...

    πŸ” Security & Testing (35+ skills)

    test-driven-development Β· e2e-testing Β· security-review Β· security-scan Β· hipaa-compliance Β· systematic-debugging Β· error-handling Β· webapp-testing Β· claude-red Β· trailofbits-auditing Β· waza-habits Β· and more...

    πŸ“ Computational & Technical Sciences (10+ skills)

    computational-architecture Β· postgres-patterns Β· python-patterns Β· and more...

    πŸ“Š Data & DevOps (30+ skills)

    postgres-patterns Β· clickhouse-io Β· redis-patterns Β· docker-patterns Β· deployment-patterns Β· git-workflow Β· github-ops Β· and more...

    πŸ’Ό Business & Operations (50+ skills)

    seo Β· content-engine Β· market-research Β· investor-materials Β· finance-billing-ops Β· customer-billing-ops Β· email-ops Β· growth-marketing Β· seo-growth Β· ppt-mckinsey Β· empirical-research Β· deep-research Β· and more...

    πŸ“‚ Browse all skills: all-skills/ or .agents/skills/zeoel/skills/


    πŸ—οΈ Architecture & Codebase Containment

    Zeoel enforces strict directory structure for clean, maintainable projects:

    your-project/
    β”œβ”€β”€ frontend/              # All frontend code (Next.js, React, etc.)
    β”œβ”€β”€ backend/               # All backend code (Laravel, APIs, etc.)
    β”œβ”€β”€ .worktrees/            # Runnable snapshots of completed sprints
    β”‚   β”œβ”€β”€ sprint-1/
    β”‚   └── sprint-2/
    β”œβ”€β”€ docs/
    β”‚   β”œβ”€β”€ brainstorm/        # Phase 1 outputs
    β”‚   └── sprint-N/          # Sprint plans & progress trackers
    β”œβ”€β”€ PROJECT_BRIEF.md       # Master requirements document
    β”œβ”€β”€ .agents/               # Zeoel framework (agents, skills, config)
    β”œβ”€β”€ AGENTS.md              # Agent quick reference
    └── CLAUDE.md              # AI tool instructions

    πŸ”Œ Platform Compatibility

    Zeoel works seamlessly with all major AI coding tools:

    Platform Status Setup
    Claude Code βœ… Full support CLAUDE.md auto-detected
    Cursor βœ… Full support .cursorrules auto-generated
    Gemini CLI βœ… Full support GEMINI.md auto-generated
    GitHub Copilot βœ… Full support .github/copilot-instructions.md
    Antigravity βœ… Full support AGENTS.md auto-detected
    Windsurf βœ… Full support .windsurfrules auto-generated

    πŸ“ How to Interact

    You: "I want to build a SaaS dashboard with auth and billing"
    
    Zeoel: [Phase 1] "I'm starting the brainstorm. Let me debate with 
           all 23 agents to define scope..."
           
           [Phase 2] "Here's the sprint plan with 12 tasks. Approve?"
           
           [Phase 3] "Dispatching Karar (Frontend) for the dashboard UI...
                      Dispatching Tariq (Backend) for the API layer...
                      Running TDD: 47 tests written, 47 passing βœ…"
           
           [Phase 4] "QA passed. Security audit clean. SEO score 98.
                      Sprint archived to .worktrees/sprint-1/"

    🀝 Contributing

    We welcome contributions! Whether it's a new skill, a new agent, bug fixes, or documentation improvements.

    See CONTRIBUTING.md for guidelines on:

    • πŸ†• Adding new skills
    • πŸ€– Adding new agents
    • πŸ› Reporting bugs
    • ✨ Suggesting features

    πŸ™ Credits & Inspiration

    Zeoel stands on the shoulders of incredible open-source projects. We believe in transparency and proper attribution.

    See REFERENCES.md for the full list of projects that inspired our skills and methodology, including:

    Why "Zeoel"? The name honors the legacy of knowledge and justice. All 23 agent names are inspired by Ahle Bait (a.s.) and the Zeoel development team.



    πŸ“„ License

    MIT Β© Gohar Abbas


    If Zeoel saves you time, consider giving it a ⭐

    Built with ❀️ by the Zeoel team