能力标签

⚙️

Agent工作流

Haklex AI编辑器

基于 TypeScript · 无代码搭建完整 AI 自动化流程

英文名：haklex

⭐ 25 Stars 🍴 3 Forks 💻 TypeScript 📄 未公布协议 🏷 AI 8.0分

8.0AI 综合评分

aieditortypescripthaklex

⚙️ 配置说明 🔍 查看原项目

✦ AI Skill Hub 推荐

经 AI Skill Hub 精选评估，Haklex AI编辑器获评「强烈推荐」。这款Agent工作流在功能完整性、社区活跃度和易用性方面表现出色，AI 评分 8.0 分，适合有一定技术背景的用户使用。

📚 深度解析

Haklex AI编辑器是一套完整的 AI Agent 自动化工作流方案。随着 AI 能力的不断提升，基于 Agent 的自动化工作流正在成为提升个人和团队效率的核心方式。区别于传统的 RPA 自动化（模拟鼠标键盘操作），AI Agent 工作流通过理解任务意图、动态规划执行路径，能够处理更复杂的非结构化任务。

Haklex AI编辑器工作流的设计遵循"最小配置，最大复用"原则：核心逻辑已经封装好，用户只需配置自己的 API Key 和业务参数即可快速上手。工作流内置错误处理和重试机制，在网络波动或 API 限速等情况下仍能稳定运行，适合作为生产环境的自动化基础设施。

在实际部署时，建议先在测试环境中运行 3-5 次，验证各个环节的输出结果符合预期，再部署到生产环境。AI Skill Hub 评分 8.0 分，是同类 Agent 工作流中的精选推荐。

📋 工具概览

Haklex AI编辑器是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。

GitHub Stars

⭐ 25

开发语言

TypeScript

支持平台

Windows / macOS / Linux

维护状态

轻量级项目，按需更新

开源协议

未公布

AI 综合评分

8.0 分

工具类型

Agent工作流

Forks

📖 中文文档

以下内容由 AI Skill Hub 根据项目信息自动整理，如需查看完整原始文档请访问底部「原始来源」。

📌 核心特色

可视化 Agent 工作流编排，无需编写复杂代码
支持多步骤自动化任务链，实现全流程无人值守
与外部 API、数据库和第三方服务无缝集成
内置错误处理与自动重试机制，保障稳定运行
提供可复用的自动化模板，快速在同类场景部署

🎯 主要使用场景

自动化日常重复性工作，将精力集中于创造性任务
构建数据采集 → 处理 → 输出的完整自动化管线
实现跨平台、跨系统的数据流转和业务协同

以下安装命令基于项目开发语言和类型自动生成，实际以官方 README 为准。

安装命令

# 方式一：npm 全局安装
npm install -g haklex

# 方式二：npx 直接运行（无需安装）
npx haklex --help

# 方式三：项目依赖安装
npm install haklex

# 方式四：从源码运行
git clone https://github.com/Innei/haklex
cd haklex
npm install
npm start

📋 安装步骤说明

访问 GitHub 仓库获取工作流文件
在对应平台（Dify / Flowise / Make 等）中找到「导入工作流」功能
上传工作流文件
按照提示配置必要的环境变量和 API Key
运行测试确认流程正常后投入使用

以下用法示例由 AI Skill Hub 整理，涵盖最常见的使用场景。

常用命令 / 代码示例

# 命令行使用
haklex --help

# 基本用法
haklex [options] <input>

# Node.js 代码中使用
const haklex = require('haklex');

const result = await haklex.run(options);
console.log(result);

以下配置示例基于典型使用场景生成，具体参数请参照官方文档调整。

配置示例

# haklex 配置说明
# 查看配置选项
haklex --config-example > config.yml

# 常见配置项
# output_dir: ./output
# log_level: info
# workers: 4

# 环境变量（覆盖配置文件）
export HAKLEX_CONFIG="/path/to/config.yml"

📑 README 深度解析真实文档完整度 58/100 查看 GitHub 原文 →

以下内容由系统直接从 GitHub README 解析整理，保留代码块、表格与列表结构。

简介

Haklex

An AI-agent-native rich text editor ecosystem built on Lexical.

AI writing assistance, structured editing, static rendering, and server-side parsing — all from a single schema.

---

Key Features

AI Agent Integration — Built-in AI writing agent with LiteXML serialization, diff review overlay, selection-aware context capture, and streaming document edits — the editor is designed as a human–AI collaborative surface
LiteXML Bridge — Bidirectional Lexical JSON ↔ XML serialization (@haklex/rich-litexml) enables LLMs to read and write structured documents through a compact, token-efficient XML format
Rich Block Types — Images, videos, code blocks, Mermaid diagrams, KaTeX math, Excalidraw whiteboards, embeds, galleries, link cards, mentions, and more
Static / Edit Split — Separate node and renderer trees for read-only display vs. full editing, enabling aggressive tree-shaking
SSR-Ready — RichRenderer renders Lexical JSON to React without loading the editor runtime
Server-Side Parsing — @haklex/rich-headless provides a zero-React node registry for backend use (Lexical JSON → Markdown)
Variant Theming — Three typographic presets (article, note, comment) with light/dark color scheme support
Zero-Runtime CSS — Vanilla Extract (CSS-in-TS), compiled to static CSS at build time
Plugin Architecture — Slash menu, floating toolbar, block handle, table controls, mention typeahead, link editor, and top toolbar — all composable
Diff Viewer — @haklex/rich-diff renders side-by-side diffs of two editor states

Prerequisites

Node.js 20 or higher
pnpm 10 (corepack enable && corepack prepare pnpm@latest --activate, or match packageManager in the repo root)

2. Install Dependencies

pnpm install

Dependency Graph

@haklex/rich-editor (core)
├── @haklex/rich-editor-ui
├── @haklex/rich-headless
└── @haklex/rich-style-token

@haklex/rich-compose (modular composition API: `composeRenderer`, `composeEditor` + SSR engine `RichRenderer`)

@haklex/rich-ext-ai-agent (AI writing agent + diff review UI)
├── @haklex/rich-agent-core → @haklex/rich-litexml
└── @haklex/rich-diff-core

@haklex/rich-agent-chat → @haklex/rich-agent-core, @haklex/rich-diff-core (chat UI; optional integration)
@haklex/rich-ext-{chat, code-snippet, embed, excalidraw, gallery, nested-doc}
@haklex/rich-plugin-{block-handle, floating-toolbar, link-edit, mention, slash-menu, table, toolbar}
@haklex/rich-renderer-{alert, banner, codeblock, image, linkcard, mention, mermaid, ruby, video, katex}

@haklex/rich-litexml (standalone; consumed by @haklex/rich-agent-core and others)
@haklex/rich-diff → @haklex/rich-diff-core (standalone diff viewer)

Getting Started

4. Build All Packages

pnpm build

Turbo runs builds in dependency order. Each package outputs ESM (.mjs) and TypeScript declarations (.d.ts) to its dist/ directory.

Usage

Package Overview

Plugins

Package	Description
`rich-plugin-block-handle`	Drag handle with add button and context menu
`rich-plugin-floating-toolbar`	Selection-based floating formatting toolbar
`rich-plugin-link-edit`	Link editing popover
`rich-plugin-mention`	@mention typeahead with platform support (GitHub, Twitter, etc.)
`rich-plugin-slash-menu`	`/` command menu for content insertion
`rich-plugin-table`	Table row/column resize and manipulation
`rich-plugin-toolbar`	Top toolbar for formatting controls

Extensions

Package	Description
`rich-ext-ai-agent`	AI writing agent — diff review overlay, action registry, editor integration
`rich-ext-chat`	Static chat-snapshot blocks for assistant / conversation transcripts
`rich-ext-code-snippet`	Multi-file tabbed code display with drag-and-drop
`rich-ext-embed`	URL embeds — YouTube, Twitter, Bilibili, CodeSandbox, GitHub Gist
`rich-ext-excalidraw`	Excalidraw whiteboard integration
`rich-ext-gallery`	Image gallery with grid and carousel layouts
`rich-ext-nested-doc`	Nested document / card content blocks

Integration & Utilities

Package	Description
`@haklex/rich-litexml`	Bidirectional Lexical JSON ↔ XML serialization for LLM-friendly document I/O
`@haklex/rich-agent-core`	Headless AI agent protocol, LiteXML-backed edits, and document/session state
`@haklex/rich-agent-chat`	Chat panel UI (tool calls, streaming) built on `rich-agent-core`
`@haklex/rich-diff-core`	Core Lexical diff engine — character-level and structural diff with node decoration
`@haklex/rich-diff`	Diff viewer for comparing two editor states (uses `rich-diff-core`)
`@haklex/cm-editor`	Shared CodeMirror 6 editor utilities