{"id":50862391,"url":"https://github.com/nikships/helix","last_synced_at":"2026-06-14T22:04:37.102Z","repository":{"id":355763530,"uuid":"1229504189","full_name":"nikships/helix","owner":"nikships","description":"Production-ready starter kit for building autonomous AI agents with the Claude Agent SDK. Includes a real-time React observability dashboard, action-based pipelines, and optional vector memory.","archived":false,"fork":false,"pushed_at":"2026-05-05T05:45:07.000Z","size":1160,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-12T04:27:11.050Z","etag":null,"topics":["ai-agents","anthropic","claude-agent-sdk","dashboard","fastapi","observability","react","starter-kit","typescript","websocket"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nikships.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-05-05T05:35:16.000Z","updated_at":"2026-05-05T05:46:08.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/nikships/helix","commit_stats":null,"previous_names":["anand-92/helix","nikships/helix"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nikships/helix","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikships%2Fhelix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikships%2Fhelix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikships%2Fhelix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikships%2Fhelix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nikships","download_url":"https://codeload.github.com/nikships/helix/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nikships%2Fhelix/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34339214,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-14T02:00:07.365Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-agents","anthropic","claude-agent-sdk","dashboard","fastapi","observability","react","starter-kit","typescript","websocket"],"created_at":"2026-06-14T22:04:36.270Z","updated_at":"2026-06-14T22:04:37.097Z","avatar_url":"https://github.com/nikships.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"docs/banner.jpg\" alt=\"Helix Banner\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n# Helix\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Python-3.10%2B-blue?style=flat-square\u0026logo=python\" alt=\"Python 3.10+\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-19-61DAFB?style=flat-square\u0026logo=react\" alt=\"React 19\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/FastAPI-009688?style=flat-square\u0026logo=fastapi\" alt=\"FastAPI\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Claude_Agent_SDK-Anthropic-CC785C?style=flat-square\" alt=\"Claude Agent SDK\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind-4-38B2AC?style=flat-square\u0026logo=tailwindcss\" alt=\"Tailwind CSS\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003eProduction-ready starter kit for building autonomous AI agents with a real-time observability dashboard.\u003c/strong\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#quick-start\"\u003eQuick Start\u003c/a\u003e \u0026bull;\n  \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e \u0026bull;\n  \u003ca href=\"#architecture\"\u003eArchitecture\u003c/a\u003e \u0026bull;\n  \u003ca href=\"#adding-actions\"\u003eAdding Actions\u003c/a\u003e \u0026bull;\n  \u003ca href=\"#memory\"\u003eMemory\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"docs/screenshots/dashboard.png\" alt=\"Helix Dashboard\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n## Why Helix?\n\nMost agent frameworks leave you staring at a terminal, guessing what your agent is doing. **Helix** gives you a beautiful, real-time dashboard to observe, control, and debug your Claude-powered agents as they run.\n\n- **Action-based pipeline** — Compose agent workflows from discrete, reusable actions\n- **Live observability** — WebSocket-powered dashboard with event timelines, tool calls, reasoning traces, and live logs\n- **Shared SDK sessions** — Actions run in a single Claude Agent SDK session so each step has full context from prior steps\n- **Production patterns built-in** — Error handling, persistence, structured logging, and graceful shutdowns\n- **Optional long-term memory** — Vector-backed memory with Gemini embeddings (off by default)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Python 3.10+\n- Node.js 18+\n- [uv](https://docs.astral.sh/uv/) (Python package manager)\n- A **Claude Code OAuth subscription** OR an Anthropic-compatible API key\n\n\u003e **No API key? No problem.** If you have a Claude Code subscription, Helix works out of the box — the Claude Agent SDK automatically uses your subscription. No `ANTHROPIC_API_KEY` required.\n\n### Install \u0026 Run\n\n```bash\n# Clone the repo\ngit clone https://github.com/anand-92/helix.git\ncd helix\n\n# Install Python dependencies\nuv sync\n\n# Install frontend dependencies\nnpm --prefix frontend install\n\n# Start both backend + frontend\n./scripts/start-dev.sh\n```\n\nThe dashboard opens at **`http://localhost:5173`**. The API runs at **`http://localhost:8000`**.\n\n---\n\n## Features\n\n### Dashboard\n\n- **Action selector** — Toggle actions on/off, reorder them, and set per-action prompts\n- **Real-time runs** — Watch agents execute with live streaming via WebSocket\n- **Run history** — Browse past runs with full event replay\n- **Deep inspection** — Click any run to see agent messages, tool calls, thinking blocks, and errors\n- **Dark mode** — OLED-black aesthetic with Framer Motion animations\n- **MCP tool panel** — Visualize Model Context Protocol server interactions\n- **Memory inspector** — View injected memory context when memory is enabled\n\n### Backend\n\n- **FastAPI control API** — `/actions`, `/runs/start`, `/runs/stop`, `/runs/status`, `/ws/runs/{id}`\n- **Action registry** — Add new capabilities by dropping a Python file in `python/agents/`\n- **Finalizer support** — Mark actions as `is_finalizer=True` to auto-reorder them to the end\n- **Structured logging** — `structlog` with JSON output for production observability\n- **Run persistence** — Every run is saved to `.runs/` as JSON for later analysis\n\n### Memory Subsystem (Optional)\n\nMemory is **disabled by default**. To enable:\n\n1. Set `MEMORY_ENABLED=true` in `.env`\n2. Set `GEMINI_API_KEY=\u003cyour-key\u003e` in `.env`\n3. Restart the backend\n\nThe memory DB and media directory are auto-created in `.memory/` on first use.\n\n---\n\n## Architecture\n\n```\nhelix/\n  frontend/           React 19 + Vite + TypeScript dashboard\n    src/\n      components/     UI components (shadcn/ui + Tailwind 4)\n      pages/          Dashboard, Run Detail, Settings\n      store/          Zustand state management\n      hooks/          WebSocket + mobile detection hooks\n      lib/            Agent tree, log parsing, highlight utilities\n  python/             Python backend (FastAPI + Claude Agent SDK)\n    agents/           Action definitions (one file per action)\n    memory/           Persistent memory subsystem\n    orchestrator.py   Core runtime — executes actions, emits events\n    server.py         FastAPI control API + WebSocket\n    config.py         All configuration\n  .claude/\n    skills/           Agent skills (find-skills included)\n    output-styles/    Output style presets\n  scripts/\n    start-dev.sh      One-command dev server launcher\n```\n\n---\n\n## Adding Actions\n\nAdding a new agent capability takes three steps:\n\n1. **Create the action** — `python/agents/action_myfeature.py`\n\n```python\nfrom claude_agent_sdk import AgentDefinition\n\nMY_FEATURE = AgentDefinition(\n    name=\"my_feature\",\n    prompt=\"You are a specialized agent that...\",\n    tools=[\"Read\", \"Write\", \"Grep\"],\n)\n```\n\n2. **Export it** — `python/agents/__init__.py`\n\n```python\nfrom .action_myfeature import MY_FEATURE\n\n__all__ = [\"HELLO_ACTION\", \"MY_FEATURE\"]\n```\n\n3. **Register it** — `python/orchestrator.py`\n\n```python\nfrom agents import HELLO_ACTION, MY_FEATURE\n\nclass PipelineOrchestrator:\n    def _register_actions(self) -\u003e None:\n        self._registry.register(HELLO_ACTION)\n        self._registry.register(MY_FEATURE)\n```\n\nThen reload the dashboard and your new action appears as a toggleable card.\n\n---\n\n## Tech Stack\n\n| Layer | Technology |\n|-------|-----------|\n| Agent Runtime | Claude Agent SDK (Python) |\n| Backend API | FastAPI + Uvicorn |\n| Frontend | React 19 + Vite + TypeScript |\n| Styling | Tailwind CSS 4 + shadcn/ui |\n| State | Zustand |\n| Animations | Framer Motion |\n| Code Highlight | Shiki |\n| Icons | Lucide React |\n| Package Manager | uv (Python), npm (Node) |\n\n---\n\n## Authentication \u0026 Model Providers\n\nHelix uses the Claude Agent SDK under the hood, which supports multiple authentication methods:\n\n### Option 1: Claude Code OAuth (default, no setup)\n\nIf you have an active **Claude Code subscription**, the SDK will automatically authenticate via OAuth. No API keys, no `.env` edits. Just run it.\n\n### Option 2: Anthropic API key\n\nSet `ANTHROPIC_API_KEY` in your `.env` file to use a direct Anthropic API key instead of OAuth.\n\n### Option 3: Any Anthropic-compatible endpoint\n\nYou can point the SDK at any provider that implements the Anthropic API format. Copy one of the example configs below into `.claude/settings.json`:\n\n**MiniMax**\n```json\n{\n  \"env\": {\n    \"ANTHROPIC_BASE_URL\": \"https://api.minimax.io/anthropic\",\n    \"ANTHROPIC_AUTH_TOKEN\": \"\u003cYOUR_MINIMAX_KEY\u003e\",\n    \"ANTHROPIC_MODEL\": \"MiniMax-M2.7\",\n    \"ANTHROPIC_DEFAULT_SONNET_MODEL\": \"MiniMax-M2.7\",\n    \"ANTHROPIC_DEFAULT_OPUS_MODEL\": \"MiniMax-M2.7\",\n    \"ANTHROPIC_DEFAULT_HAIKU_MODEL\": \"MiniMax-M2.7\"\n  }\n}\n```\n\n\u003e **Note:** The Claude Agent SDK respects `ANTHROPIC_BASE_URL` and `ANTHROPIC_AUTH_TOKEN` from `.claude/settings.json`. Any provider with an Anthropic-compatible API (MiniMax, GLM, local proxies, etc.) works the same way — just swap the base URL and token.\n\n---\n\n## Environment Variables\n\nCopy `.env.example` to `.env` and configure:\n\n| Variable | Description | Required |\n|----------|-------------|----------|\n| `ANTHROPIC_API_KEY` | Anthropic API key (only if not using OAuth) | No |\n| `MEMORY_ENABLED` | Enable persistent memory | No (default: `false`) |\n| `GEMINI_API_KEY` | Gemini API key for memory embeddings | Only if memory enabled |\n\n---\n\n## Scripts\n\n```bash\n# Start dev servers (backend + frontend)\n./scripts/start-dev.sh\n\n# Backend only\nuv run python python/server.py\n\n# Frontend only\nnpm --prefix frontend run dev\n\n# Run actions via CLI\nuv run python python/main.py --actions hello\nuv run python python/main.py --actions hello --prompt \"Build a todo app\"\n\n# Lint \u0026 format\nnpm --prefix frontend run lint\nuv run ruff check python\nuv run ruff format python\n```\n\n---\n\n## License\n\nMIT\n\n---\n\n\u003cp align=\"center\"\u003e\n  Built with the \u003ca href=\"https://docs.anthropic.com/en/agents-and-tools/claude-agent-sdk\"\u003eClaude Agent SDK\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikships%2Fhelix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnikships%2Fhelix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikships%2Fhelix/lists"}