JSPM

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

23-agent AI development team for Claude Code, Cursor, and Gemini CLI. Multi-agent orchestration framework with strict TDD, sprint planning, 420+ skills, and automated QA/security/SEO audits. Stop vibe-coding β€” start shipping production-grade software.

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 23-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 23 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 23 Agents Β· 420+ 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 ❌ βœ…
    23 specialized agents (frontend, backend, QA, DevOps...) ❌ βœ…
    🧠 Smart Config Inference (reads your prompt, skips questions) ❌ βœ…
    πŸ’‘ Intelligent Model Routing (auto-selects cheapest LLM per task) ❌ βœ…
    Strict TDD enforcement (Red-Green-Refactor) ❌ βœ…
    Sprint planning with progress tracking ❌ βœ…
    Automatic code containment (frontend/ + backend/) ❌ βœ…
    Git worktree snapshots per sprint ❌ βœ…
    420+ curated skills library ❌ βœ…
    Security audits + SEO audits built-in ❌ βœ…
    Cross-platform (Claude Code, Cursor, Gemini CLI, Copilot) ❌ βœ…

    πŸ”„ 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    β”‚
    β”‚ 23 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 Model Routing

    Decomposes the brief into actionable sprints. Each task gets an assigned agent, skill bindings, AND a Model Tier (🟒 Light / 🟑 Standard / πŸ”΄ Complex) so you spend Haiku-level tokens on docs and Opus-level tokens only when it matters.

    Phase 3: Execution

    Each agent is dispatched with its curated skills to complete its task. Strict Red-Green-Refactor TDD β€” tests are always written first. All code lives in frontend/ and backend/ only.

    Phase 4: Verification & Snapshot

    QA tests, security audits, SEO audits, and a final code review. 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 23 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
    🎨 Product Designer Mahdi UX flows, accessibility, SEO-first 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
    πŸ”§ 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
    πŸ“Š Data & ML Engineer Fatima Postgres analytics, ML pipelines, ClickHouse, Python
    🐍 Python Engineer Abbas Python, Django, FastAPI, Scikit-learn, Celery
    πŸ” Debugger & Performance Sajjad Systematic 4-phase debugging, performance profiling
    πŸ“š 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
    β˜• Enterprise Java Yusuf Spring Boot, Quarkus, enterprise patterns
    βš™οΈ 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
    πŸ’Ό Business Operations Maryam SaaS billing ops, logistics, startup metrics
    🌐 React Native Specialist Zayd React Native, Expo, native integration, performance
    πŸ“‹ 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.


    πŸ“š 420+ Curated Skills

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

    🎨 Frontend & Design (50+ 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 Β· 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 (20+ 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 Β· and more...

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

    test-driven-development Β· e2e-testing Β· security-review Β· security-scan Β· hipaa-compliance Β· systematic-debugging Β· error-handling Β· webapp-testing Β· and more...

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

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

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

    seo Β· content-engine Β· market-research Β· investor-materials Β· finance-billing-ops Β· customer-billing-ops Β· email-ops Β· 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