Now vibe coding, so learning hammer FE ?
《OpenRig:把 Claude Code 和 Codex 编成一支可恢复的多智能体团队》
标签:
#AI_Agent编排 #多智能体协作 #ClaudeCode #Codex #Tmux #终端UI #任务队列 #快照恢复 #MCP工具 #开源工具
总结:
OpenRig 是一个自托管的多智能体 harness:它不替代 Claude Code 或 Codex,而是把多个 Agent 会话组织成“有结构、可命名、可恢复”的团队。你用 YAML(RigSpec)定义团队拓扑,用一条命令启动整队,并通过 TUI/CLI/MCP 观察状态、发消息、跟踪任务和做快照恢复,避免终端窗口越开越散。
文章要点:
1. 核心解决“终端蔓延”:把一堆各自为政的 Claude Code/Codex 会话,变成有角色、有地址、有协作关系的团队。
2. 团队用 YAML 声明式定义:RigSpec 里包含 pods、成员、edges、continuity policies 和 culture 文件,便于版本化与复用。
3. 一键启动与拓扑可视化:
4. 支持“收养”已有会话:
5. 状态可保存也能回滚:
6. 跨 Agent 沟通有统一入口:
7. 提供 Agent 可用的 MCP 工具:Agent 能自管理拓扑(如
8. 权限与安全边界清晰:默认非 YOLO;可配置 typing guard、权限模式、workspace trust、hooks 与活动上报(不包含 prompt 文本和工具参数)。
9. 附带 starter rigs 与示例:如 first-project、product-team、conveyor、adversarial-review、research-team、secrets-manager(HashiCorp Vault 由专门 Agent 管理)。
10. 运行要求明确:需要 Node.js 22/24、tmux,支持 macOS/Linux;可选 herdr/cmux 做终端工作区,Docker 用于服务化 rigs。
URL:
https://github.com/mvschwarz/openrig
标签:
#AI_Agent编排 #多智能体协作 #ClaudeCode #Codex #Tmux #终端UI #任务队列 #快照恢复 #MCP工具 #开源工具
总结:
OpenRig 是一个自托管的多智能体 harness:它不替代 Claude Code 或 Codex,而是把多个 Agent 会话组织成“有结构、可命名、可恢复”的团队。你用 YAML(RigSpec)定义团队拓扑,用一条命令启动整队,并通过 TUI/CLI/MCP 观察状态、发消息、跟踪任务和做快照恢复,避免终端窗口越开越散。
文章要点:
1. 核心解决“终端蔓延”:把一堆各自为政的 Claude Code/Codex 会话,变成有角色、有地址、有协作关系的团队。
2. 团队用 YAML 声明式定义:RigSpec 里包含 pods、成员、edges、continuity policies 和 culture 文件,便于版本化与复用。
3. 一键启动与拓扑可视化:
rig up 会拉起 tmux 会话、harness、启动文件和 readiness 检查;TUI 提供表格/图视图查看 rigs、pods、seats。4. 支持“收养”已有会话:
rig discover 识别现有 tmux 中的 Claude Code/Codex 会话,rig adopt 将其纳入管理。5. 状态可保存也能回滚:
rig down --snapshot 保存拓扑,rig up <name> 按名字恢复,重启后不再丢上下文。6. 跨 Agent 沟通有统一入口:
rig send、rig broadcast、rig chatroom 让协作不再靠人肉切窗口。7. 提供 Agent 可用的 MCP 工具:Agent 能自管理拓扑(如
rig_up、rig_ps、rig_send 等),更适合“由 Agent 驱动”的工作流。8. 权限与安全边界清晰:默认非 YOLO;可配置 typing guard、权限模式、workspace trust、hooks 与活动上报(不包含 prompt 文本和工具参数)。
9. 附带 starter rigs 与示例:如 first-project、product-team、conveyor、adversarial-review、research-team、secrets-manager(HashiCorp Vault 由专门 Agent 管理)。
10. 运行要求明确:需要 Node.js 22/24、tmux,支持 macOS/Linux;可选 herdr/cmux 做终端工作区,Docker 用于服务化 rigs。
URL:
https://github.com/mvschwarz/openrig
《Shadscan:shadcn 应用的确定性 UI 审计工具》
标签:#前端 #shadcn/ui #React #UI审计 #CLI工具 #可访问性 #CI/CD #AI_Agent
总结:
Shadscan 是一款面向 React/shadcn 应用的静态 UI 审计 CLI 工具,通过 59 条确定性规则从 Foundation、Interaction、States、Accessibility、Forms 和 Production Polish 六个维度为应用打分(0-100),无需启动应用或调用 AI 即可在终端和 CI 中完成审计。它支持生成 JSON 报告、AI Agent 修复指令(--prompt)和 GitHub Action 集成,适用于 Next.js、React Router、TanStack Start、Astro 等多种框架,并支持 monorepo 多包扫描。
文章要点:
1. 零侵入式审计:无需启动应用、修改文件或调用 AI 模型,纯静态分析即可给出可复现的评分结果,适合嵌入 CI 流水线。
2. 六维评分体系:涵盖基础配置、交互体验、状态处理、无障碍访问、表单输入和生产级打磨,共 59 条规则,每条都附带证据和修复建议。
3. AI Agent 友好:支持
4. 多框架与 Monorepo 支持:自动识别 Next.js App/Pages Router、React Router、TanStack Start、Astro、Vite 等框架,智能区分应用包和库包,避免设计系统被误扣分。
5. GitHub Action 一键集成:提供复合 Action,可自动写评分到 Job Summary、设置分数门槛拦截 CI,还能持续更新跟踪 Issue 并嵌入 Agent 修复指令。
URL:https://www.shadscan.com
标签:#前端 #shadcn/ui #React #UI审计 #CLI工具 #可访问性 #CI/CD #AI_Agent
总结:
Shadscan 是一款面向 React/shadcn 应用的静态 UI 审计 CLI 工具,通过 59 条确定性规则从 Foundation、Interaction、States、Accessibility、Forms 和 Production Polish 六个维度为应用打分(0-100),无需启动应用或调用 AI 即可在终端和 CI 中完成审计。它支持生成 JSON 报告、AI Agent 修复指令(--prompt)和 GitHub Action 集成,适用于 Next.js、React Router、TanStack Start、Astro 等多种框架,并支持 monorepo 多包扫描。
文章要点:
1. 零侵入式审计:无需启动应用、修改文件或调用 AI 模型,纯静态分析即可给出可复现的评分结果,适合嵌入 CI 流水线。
2. 六维评分体系:涵盖基础配置、交互体验、状态处理、无障碍访问、表单输入和生产级打磨,共 59 条规则,每条都附带证据和修复建议。
3. AI Agent 友好:支持
--prompt 生成可直接粘贴给 Claude Code、Codex CLI 等编码 Agent 的修复计划,也支持 --apply 直接唤起本地 Agent 执行。4. 多框架与 Monorepo 支持:自动识别 Next.js App/Pages Router、React Router、TanStack Start、Astro、Vite 等框架,智能区分应用包和库包,避免设计系统被误扣分。
5. GitHub Action 一键集成:提供复合 Action,可自动写评分到 Job Summary、设置分数门槛拦截 CI,还能持续更新跟踪 Issue 并嵌入 Agent 修复指令。
URL:https://www.shadscan.com
《Brainless:复刻AI编码助手终端UI的shadcn组件库》
标签:#前端 #shadcn #React #AI终端UI #ClaudeCode #Codex
总结:
Brainless 是一个 shadcn/ui 组件注册表,提供一套可复用的 React 组件,精准还原 Claude Code、OpenAI Codex 和 Grok 等 AI 编码助手的终端风格界面。开发者可通过
文章要点:
1. 精准还原终端风格:组件库完整复刻了 Claude Code、Codex、Grok 等主流 AI 编码助手的终端界面,包括待办列表、计划展示、思考过程等核心 UI 元素
2. 像素级细节还原:从实际终端截图出发,逐帧对比"已发布"与"捕获"版本,修正了行间距、符号对齐、颜色处理等细节差异,确保视觉体验与真实终端一致
3. shadcn 生态原生支持:作为官方注册表组件,可直接通过 shadcn CLI 安装,与现有项目无缝集成,无需额外配置
4. 开源可扩展:代码托管在 GitHub,开发者可自由查看源码、提交改进,甚至基于其设计思路构建自己的 Agent 风格界面
URL:https://brainless.swerdlow.dev/
标签:#前端 #shadcn #React #AI终端UI #ClaudeCode #Codex
总结:
Brainless 是一个 shadcn/ui 组件注册表,提供一套可复用的 React 组件,精准还原 Claude Code、OpenAI Codex 和 Grok 等 AI 编码助手的终端风格界面。开发者可通过
npx shadcn@latest add 一键安装,快速构建具有"Agent 味"的交互界面。文章要点:
1. 精准还原终端风格:组件库完整复刻了 Claude Code、Codex、Grok 等主流 AI 编码助手的终端界面,包括待办列表、计划展示、思考过程等核心 UI 元素
2. 像素级细节还原:从实际终端截图出发,逐帧对比"已发布"与"捕获"版本,修正了行间距、符号对齐、颜色处理等细节差异,确保视觉体验与真实终端一致
3. shadcn 生态原生支持:作为官方注册表组件,可直接通过 shadcn CLI 安装,与现有项目无缝集成,无需额外配置
4. 开源可扩展:代码托管在 GitHub,开发者可自由查看源码、提交改进,甚至基于其设计思路构建自己的 Agent 风格界面
URL:https://brainless.swerdlow.dev/