Wiki 知识库

全部文档 / 标签: React

47 篇
清除

Codex 终于有自己的 UIUX 设计外挂了

文章介绍了 Codex 的 UI/UX 设计增强工具 UI UX Pro Max,包含 192 条行业设计规则、79 种 UI 风格、192 套配色方案、74 种字体组合,并支持 React、Next.js、Vue、Flutter 等 22 种技术栈。作者演示了如何通过一段提示词在 Codex 中安装配置该 Skill,并用其生成高端 AI SaaS 官网,解决了以往 AI 生成页面廉价感强、配色布局千篇一律的问题。评论区也讨论了 Skill 作为能力封装新形态的意义与实际效果。

技术 › Skill govin.eth | G哥 (@goan999999) 2026-10-243.4 KB 61

Who Is Lauren Tan, aka Poteto? The Architect Behind Grok Bot

文章讲述了 Lauren Tan(poteto)从新加坡自学编程、金融专业出身,通过技术博客和 EmberConf 演讲进入行业的经历。她先后任职于 DockYard、Netflix、Meta(React Compiler 核心作者),2026 年加入 Cursor 后因性能修复工作受挫,转而构建让 Agent 自动修复 Bug 的 Slack 机器人 Binnie,并主导重构 Grok Bot。Grok Bot 发布后她在 X 上粉丝十周内从 3 万增长到近 20 万,获马斯克多次转发,成为 AI Agent 工程领域的标志性人物。

技术 › Agent Matt Van Horn 2026-10-2319.3 KB 117.9K 475 63

非 CS 出身的 Lauren Tan,是怎么一步步放手给 agent 的

文章讲述 React 核心团队成员、现 SpaceXAI 工程师 Lauren Tan 的成长与 AI Agent 实践路径。她非 CS 出身,从网页设计论坛自学起步,历经创业失败、DockYard、Netflix、Meta React 团队,最终加入 Cursor(后被收购)。她曾不相信 agent 能写生产代码,如今一个月合入 2500 个 PR。她提出建立对 agent 信任的倒金字塔方法:优先改进代码库架构、静态分析、文字规范,最后才是人工审查;强调「瓶颈在于验证」,通过编写验证类 skill 让 agent 自我检查。文章最后给出普通人可照做的建议:边学边公开、从小处着手、先验证后放手。

技术 › Agent Mai Yang 2026-10-1820.0 KB 127.9K 655 87

虚伪的 Vercel

文章激烈批评 Vercel 的商业行为与开发者关系。作者指出 Vercel 一边高喊反厂商锁定,一边通过 Next.js 的私有构建产物(.next 黑盒)对竞争对手如 Netlify、Cloudflare、AWS 造成事实锁定,迫使行业推出 OpenNext 等逆向工程项目适配。文章还批评 Vercel 发布会夸大宣传(如 Turbopack 号称快 700 倍却内存泄漏严重)、缓存决策反复折腾社区,以及通过挖走 React 核心团队控制生态、弃养 Hyper 等开源项目、无视社区 PR 的做派,认为 Vercel 是道貌岸然的开源收割者。

技术 › 前端 Elliot 2026-10-1336.7 KB 51.4K 227 67

10 AI Agent Projects That Take You From Tool Calling to Autonomous Systems

文章介绍了10个循序渐进的 AI Agent 实战项目,帮助开发者从简单的工具调用进阶到自主智能体系统。项目包括:工具调用 Agent、ReAct 推理循环、多工具选择、记忆 Agent(短期与长期记忆)、规划 Agent(任务分解)、反思 Agent(自我评估与修订)、多 Agent 协作系统、研究 Agent、编码 Agent 等。文章通过架构图、技术栈(Python、OpenAI、LangGraph、Pydantic)和学习要点,阐述了智能体设计中的核心问题:工具选择、记忆管理、任务分解、错误恢复、自我验证及多 Agent 协调等。

技术 › Agent Jaydeep 2026-10-0512.7 KB 17.4K 254 73

AI 海报也能像 PSD 一样分图层了:只换猫,其他都不动

文章介绍如何利用蚂蚁百灵开源的 Ming-Image-0.1-Design 系列模型实现 AI 海报的分层编辑。Design 模型负责生成文字渲染稳定的设计图,Design-Layer 模型将设计图拆分为透明图层。作者还用 React 构建了 Ming Studio 工作台,串起生成、拆层、局部替换、保存导出的完整流程。通过提示词预先规划元素布局、按编辑需求分层,实现只替换海报中某一元素(如猫)而保持其他部分不变,并解决了背景残留等细节问题,让 AI 生成图从一次性图片变成可继续编辑的设计稿。

技术 › 前端 前端哥Liam 2026-10-0310.0 KB 18.5K 62 85

新的八股文已经出现:25道Agent高频实操面试题

作者整理了25道Agent方向高频实操面试题,聚焦一线项目落地痛点,分为五大模块:Agent核心架构(ReAct与Plan-and-Execute选型、多Agent设计、HITL机制)、工具调用落地(Function Calling、Schema设计、重试熔断降级)、记忆与状态管理(长短记忆、Token溢出)、效果优化与问题排查(Bad Case溯源、性能瓶颈定位)以及Agent+RAG落地(检索优化、幻觉防控)。这些题目针对FDE等需要真实项目落地经验的岗位,大多是开放性问题,能同时考察面试官和面试者的实战深度。

技术 › Agent Xiao Tan (@tvytlx) 2026-09-203.0 KB 60

基于 JointJS + React 的工作流画布模板

JointJS 团队展示了一个基于 JointJS+ for React 构建的工作流画布模板,外观类似 n8n,但定位于帮助开发者在自己的产品中实现类似 n8n 的工作流 UI。该模板支持拖拽节点、连接端口、流畅平移数百个节点、撤销/重做、对齐辅助线以及导入导出功能,开发者只需编写工作流逻辑,画布部分由 JointJS 处理。在回复评论时,团队进一步说明其目的:随着越来越多应用集成 AI,为用户提供类似 n8n 的友好工作流界面,是超越简单聊天窗口的自然演进方向。

技术 › 前端 JointJS (@jointjs) 2026-09-171.3 KB 49

Remotion小白裁缝秘诀Ⅰ:组件和案例演示

本文是Remotion入门系列的第一篇,介绍基于React的视频制作工具Remotion及其常用组件。作者整理了十个官方动态案例,包括旋转文字轮、文字高亮、画中画转场、柱状图、地图飞行、胶囊字幕、示波器、屏幕消息、旋转卡片和液态轮廓,说明各自适用场景。文章还推荐了Remotion Elements、RenderComp Free、RemotionUI、Remocn、snapcn等资源站点,帮助读者通过代码控制视频效果,更顺畅地与AI协作制作产品演示和口播动画。

技术 › 前端 阿哲Phil 2026-09-1621.7 KB 72

又一个新项目完结,全栈 AI 修图 Agent!

程序员鱼皮宣布其编程导航新项目教程《AI 修图智能体》完结。该项目是基于 Python 3.13 + FastAPI + LangChain + LangGraph + React 19 + Konva 的全栈 AI 修图 Agent,用户输入一句话即可自动规划修图步骤并调用 21 种编辑工具完成专业级修图。核心能力包括 AI 文生图、专业级画布编辑器、自然语言驱动修图、智能区域选择(SAM)、局部精细编辑、图层拆分和多步计划人机协作。代码完整开源,教程涵盖架构设计、异步任务、部署等全流程,并附简历写法和面试题解,助力求职。

技术 › Agent 程序员鱼皮 2026-09-1610.5 KB 10.1K 39 72

Agent 工程解析(零):什么是 Agent?

文章从工程视角系统讲解 Agent 概念:首先对比 AI 应用的三种形态——Chatbot(对话驱动)、Workflow(预设流程)与 Agent(ReAct 自主循环),分析各自优缺点及区分方法;随后给出最小 Agent 的循环伪代码,演示思考-决策-行动-感知的闭环机制;再梳理生产级 Agent 所需的八大能力模块,包括上下文管理、任务管理、记忆、连接器、Trace、容灾、编排与安全;最后探讨实际工程中三者混合使用的架构策略,如 Agentic Workflow、Workflow 包装为工具、前置路由分发等。

技术 › Agent 程序员Left 2026-09-088.7 KB 8.9K 61 70

万字长文|AI Agent 从入门到精通,通俗易懂讲解

本文是一篇通俗易懂的 AI Agent 入门到进阶教程,讲解了 Agent 的核心原理与工程实践。作者用公式'Agent = 模型 + 目标 + 工具 + 记忆 + 运行循环 + 安全边界'拆解 Agent 构成,对比聊天机器人、自动化流程与 Agent 的差异。文章详细介绍三种经典模式(ReAct、Plan-and-Solve、Reflection)、工具设计的六条硬规则、提示词注入攻击防范、记忆/RAG/上下文工程的区别与用法,以及工作流、低代码、框架、自研四条实现路线的选择建议,并涉及 MCP、多智能体和 A2A 等概念。

技术 › Agent govin.eth | G哥 2026-09-0429.2 KB 126.9K 320 77

Codex + Remotion 动画制作从入门到真熟练!

作者分享了使用 Codex 结合 Remotion 制作动画的实战经验。文章指出写代码反而是最简单的部分,难点在于动画的节奏、连续性和可读性等细节判断。作者介绍了 Remotion 的帧驱动原理、useCurrentFrame 和 interpolate 等核心 API,以及如何通过 Remotion 官方 Agent Skills 让 Codex 更高效地生成动画代码。文章还系统讲解了时间、状态、Keyframe、Easing、Spring 等动画基础概念,并结合自媒体口播视频的 A-roll、B-roll、动画三类画面整合需求,说明了构建完整视频生产工作流的方法与踩坑经验。

技术 › Codex 卡尔森 2026-09-0231.6 KB 11.6K 23 81

从零开始,用 LangGraph 搭建你的第一个 AI Agent

本文是一篇面向初学者的 LangGraph 实战教程,介绍如何用 Python 从零搭建一个具备工具调用、推理决策和会话记忆能力的 AI Agent。文章首先讲解 LangGraph 的三个核心概念:State(状态/共享记忆)、Node(执行步骤)和 Edge(跳转逻辑),随后通过完整代码演示项目创建、工具定义、模型节点编写、条件路由实现、Graph 组装,以及通过 InMemorySaver 和 thread_id 实现多轮对话记忆。最终实现一个 ReAct 循环(思考→行动→观察→回答)的基础 Agent,并给出网页搜索、数据库查询、RAG 检索等扩展方向。

技术 › Agent Smartpig 2026-08-2815.0 KB 14.6K 131 77

万字长文|Agent 从入门到精通(附实战:论文整理 Agent 搭建)

本文从《给宝宝的机器人学》类比切入,系统讲解 Agent 的核心概念与发展脉络:大模型只负责生成回答,而 Agent 能借助工具、API、Agent Loop 和文件/终端等真实工作现场,把任务完整做完。文章依次介绍模型、Tool 与 API、Agent Loop、computer use、MCP 协议,以及 Claude Code、Codex CLI 到 Codex 桌面端的产品演进,说明为何同一个模型放进不同 Harness 表现差异巨大。最后以实战演示如何用 Codex 搭建论文资料整理 Agent,从建立项目结构、规划执行到接入 PubMed 检索工具,展现普通人也能上手的 Agent 工作流。

技术 › Agent Miles Ma 2026-08-2723.7 KB 1.5M 1.8K 86

Pi 小白完整入门教程(上):安装配置 + 第一个项目

本文是面向零基础用户的 Pi 编程 Agent 入门教程上篇。Pi 是 2026 年 GitHub 9.3 万星的极简 AI 编程 Agent,核心理念是做减法:仅 4 个内置工具、约 1000 token 系统提示词,同等成本下代码质量超过 Claude Code 和 Codex,速度快 1.5-2 倍,且能自我进化写插件。教程详细讲解了 Agent、模型、Token 等基础概念,三种安装方式,配置 DeepSeek API Key 或订阅账号的方法,常用操作快捷键,并手把手带领读者用一句话指令让 Pi 从零做出一个家庭记账本 React 网页,完成从安装到作品落地的完整闭环。

技术 › Agent 老爸的AI联萌 2026-08-2512.7 KB 3.5K 16 81

Nexus Dashboard 4.1 发布

daisyUI 团队发布 Nexus Dashboard 4.1,包含 8 种仪表盘布局(CRM、电商、Gen-AI、增长、AI Ops、财务、SRE、安全运营)、落地页、文件管理器与聊天应用布局、Gen-AI 应用页面、认证页面等,并提供 15+ UI 区块、50+ 布局示例、100+ 交互示例及 10 个额外仪表盘模板,支持 HTML、React、Next.js、SvelteKit 等多种技术栈。

技术 › 前端 Pouya (Saadeghi) 2026-08-221.3 KB 46

前端UI设计师收纳5个免费提效宝藏工具

文章整理了5个面向前端和UI设计师的免费提效工具:VibePrompts 提供251套成熟UI提示词,可快速生成可上线的Tailwind代码;OpenMotion 是Mac端免费动效设计工具;Gooey 提供React流体特效开源组件;Kitbitz 含2000+免费手绘插画素材;Renotch 可将Mac刘海自定义为开发者控制面板。这些资源适合独立开发者和UI爱好者收藏使用。

DeepSeek Harness 架构解析

本文深入解析了 DeepSeek Harness(DSH)的架构设计,指出其核心是“一切皆插件”的理念,并借助 Cordis 运行时框架实现。文章将 DSH 视为两套并行系统:Cordis 维护运行时插件图,Session 记录事件流。重点阐述了 Cordis 如何通过 Context、Service、Fiber 和 effect 机制解决插件依赖、作用域隔离、生命周期管理和资源清理等问题,并与 React 的对应概念进行了类比。文章还解释了 DSH 的配置分层(Bundle、Profile、Patch)和 Agent Preset 与 Runtime Profile 的区别,展示了其部署时装配和会话级定制的能力。

技术 › Harness Engineering lencx 2026-08-1455.7 KB 25.9K 127 80

The First 10 Rules I Give To Every AI Agent: How I Stopped AI Agents From Breaking My Codebase

AI coding agents can introduce bugs and break codebases without clear constraints. This article presents ten practical rules to guide AI agents, such as reading before writing, avoiding unnecessary dependencies, matching existing style, handling loading/error/empty states, and requiring explanations for changes. These rules help channel agent capabilities safely, reducing breakage and improving reliability.

技术 › Agent Kanika 2026-08-1211.9 KB 26.8K 30 81

Codex + Remotion:写几行 React,一段电影感视频就出来了

本文介绍了作者使用 Codex 和 Remotion 框架制作个人 IP 视频的实践。作者将脚本、分镜、视觉设计、React 代码、动画、预览、修改、渲染成片的整个流程交给 AI 和代码完成,实现了视频的程序化生产。文章详细讲解了 Remotion 的核心概念(用 React 做视频)、如何给数字人和真人添加特效、以及如何通过自然语言指导 Codex 修改代码。作者认为,视频正在变成一种可编程的内容,内容创作者应建立自己的内容系统,以提高生产效率和竞争力。

技术 › 工具与效率 kanvis 2026-08-1115.9 KB 20K 71 84

Graph Engineering 101: When a Loop Isn’t Enough

文章探讨了AI Agent从简单的ReAct循环向图工程架构的演进。循环模式在处理复杂、多步骤及需人工介入的任务时存在状态持久化、错误处理和分支逻辑的局限性。图工程通过显式的节点、边和状态管理,解决了并发、暂停恢复及复杂流程控制问题,为构建更健壮的Agent系统提供了架构基础。

技术 › Agent Alex Prompter 2026-07-2247.4 KB 478.1K 369

tldraw 不仅仅是白板:你可以构建的 14 种应用

文章介绍了 tldraw 作为一个可编程的 React 无限画布 SDK 的强大功能。除了基础的白板功能,它支持将 React 组件转化为画布形状、构建可视化的工作流自动化、集成 AI 视觉交互、实现多人实时协作以及作为持久化应用数据存储。tldraw 适用于构建各种空间软件,从架构图到 AI Agent 管道。

技术 › 工具与效率 mr-r0b0t 2026-07-2011.9 KB 25K 252

从 CoT 到 ReAct:用 Python 搭建 LLM Agent 实战指南

本文通过 Python 演示了如何搭建一个具备规划、工具调用、验证和复盘能力的完整 LLM Agent。教程详细拆解了 Plan-and-Solve、ReAct、Verification、Self-Refine 和 Reflexion 五个核心模块,强调了结构化数据控制流程的重要性,并提供了工程落地的具体代码实现与原则。

技术 › Agent Mr Panda 2026-07-1921.6 KB 8.3K 65

让RAG长出脑子:Agentic RAG的多步推理实践

文章指出传统单轮 RAG 在处理复合问题时存在检索不足或幻觉的缺陷,提出通过 Agentic RAG(多步推理)来解决。核心思路是将 LLM 从被动应答升级为主动调度的指挥官,利用 ReAct(推理-行动循环)机制,自主决定检索次数和工具调用。文中详细展示了如何封装检索工具、执行函数(含权限过滤、混合检索)以及编写多步推理循环代码,实现复杂问题的精准回答。

技术 › LLM A Ando 2026-07-1017.6 KB

Hermes Agent 架构详细拆解:工业级 Agent 框架底层运行时揭秘

本文详细拆解了 Hermes Agent 的底层架构,将其定义为工业级运行时而非简单的 LLM 循环。文章类比前端工程模式,阐述了 Agent = Harness + Model 的核心公式。重点解析了从平台入口、适配器层、事件总线、GatewayRunner 核心调度层到 AI Agent 执行层的五层架构,揭示了 Hermes 如何通过共享线程池、会话复用和生命周期管理,实现高并发、有状态且安全可靠的 Agent 运行环境。

技术 › Hermes MateMatt 2026-07-0717.4 KB 10.3K 47

人工智能的工程全景(下):Agent 全解

本文是《人工智能的工程全景》系列的下篇,深入探讨了2025-2026年AI行业的竞争焦点——Agent工程层。文章从Agent定义的演变出发,区分了Workflow与Agent的本质差异,解析了ReAct架构与关键能力清单。重点介绍了Function Calling的工业化起点、MCP协议带来的工具调用标准化,以及Context Engineering与Harness Engineering在Agent系统构建中的核心地位。

技术 › Agent snowboat 2026-07-0347.8 KB 16K 87