[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-benjitaylor--agentation":3,"tool-benjitaylor--agentation":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",138956,2,"2026-04-05T11:33:21",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":69,"readme_en":70,"readme_zh":71,"quickstart_zh":72,"use_case_zh":73,"hero_image_url":74,"owner_login":75,"owner_name":76,"owner_avatar_url":77,"owner_bio":78,"owner_company":78,"owner_location":79,"owner_email":78,"owner_twitter":78,"owner_website":78,"owner_url":80,"languages":81,"stars":105,"forks":106,"last_commit_at":107,"license":108,"difficulty_score":109,"env_os":110,"env_gpu":111,"env_ram":110,"env_deps":112,"category_tags":116,"github_topics":117,"view_count":23,"oss_zip_url":78,"oss_zip_packed_at":78,"status":16,"created_at":122,"updated_at":123,"faqs":124,"releases":125},3776,"benjitaylor\u002Fagentation","agentation","The visual feedback tool for agents.","Agentation 是一款专为 AI 编程助手设计的可视化反馈工具，旨在解决开发者在向 AI 描述界面问题时“指代不清”的痛点。过去，用户往往需要费力描述“侧边栏那个蓝色按钮”，而 AI 可能无法精准定位；现在，借助 Agentation，只需在页面上点击或框选目标元素，它就能自动提取精确的 CSS 选择器、坐标及上下文信息，并生成结构化的 Markdown 报告。\n\n这款工具特别适合前端开发者和正在使用 AI 辅助编码的技术人员。其核心亮点在于“所见即所得”的交互体验：支持单选、多选、区域框选甚至文本高亮，还能一键暂停页面所有动画（包括 CSS、JS 和视频），以便捕捉特定状态下的界面细节。此外，Agentation 采用零依赖设计，仅依靠纯 CSS 实现动画，轻量且无运行时负担，完美适配 React 18+ 环境。通过将视觉反馈转化为代码可识别的精准指令，Agentation 让人机协作变得更加高效顺畅，让 AI 真正“看懂”你想修改的代码位置。","\u003Cpicture>\n  \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"package\u002Flogo-dark.svg\">\n  \u003Cimg src=\"package\u002Flogo.svg\" alt=\"Agentation\" width=\"200\">\n\u003C\u002Fpicture>\n\n\u003Cbr>\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n[![downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n\n**[Agentation](https:\u002F\u002Fagentation.com)** is an agent-agnostic visual feedback tool. Click elements on your page, add notes, and copy structured output that helps AI coding agents find the exact code you're referring to.\n\n## Install\n\n```bash\nnpm install agentation -D\n```\n\n## Usage\n\n```tsx\nimport { Agentation } from 'agentation';\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CAgentation \u002F>\n    \u003C\u002F>\n  );\n}\n```\n\nThe toolbar appears in the bottom-right corner. Click to activate, then click any element to annotate it.\n\n## Features\n\n- **Click to annotate** – Click any element with automatic selector identification\n- **Text selection** – Select text to annotate specific content\n- **Multi-select** – Drag to select multiple elements at once\n- **Area selection** – Drag to annotate any region, even empty space\n- **Animation pause** – Freeze all animations (CSS, JS, videos) to capture specific states\n- **Structured output** – Copy markdown with selectors, positions, and context\n- **Dark\u002Flight mode** – Matches your preference or set manually\n- **Zero dependencies** – Pure CSS animations, no runtime libraries\n\n## How it works\n\nAgentation captures class names, selectors, and element positions so AI agents can `grep` for the exact code you're referring to. Instead of describing \"the blue button in the sidebar,\" you give the agent `.sidebar > button.primary` and your feedback.\n\n## Requirements\n\n- React 18+\n- Desktop browser (mobile not supported)\n\n## Docs\n\nFull documentation at [agentation.com](https:\u002F\u002Fagentation.com)\n\n## License\n\n© 2026 Benji Taylor\n\nLicensed under PolyForm Shield 1.0.0\n","\u003Cpicture>\n  \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"package\u002Flogo-dark.svg\">\n  \u003Cimg src=\"package\u002Flogo.svg\" alt=\"Agentation\" width=\"200\">\n\u003C\u002Fpicture>\n\n\u003Cbr>\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n[![downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fagentation)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fagentation)\n\n**[Agentation](https:\u002F\u002Fagentation.com)** 是一款与代理无关的可视化反馈工具。您只需点击页面上的元素、添加备注，并复制结构化的输出内容，即可帮助 AI 编码代理准确找到您所指的代码。\n\n## 安装\n\n```bash\nnpm install agentation -D\n```\n\n## 使用\n\n```tsx\nimport { Agentation } from 'agentation';\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CAgentation \u002F>\n    \u003C\u002F>\n  );\n}\n```\n\n工具栏会出现在页面右下角。点击以激活，然后单击任意元素即可进行标注。\n\n## 功能\n\n- **点击标注** – 点击任意元素，自动识别选择器\n- **文本选择** – 选择文本以标注特定内容\n- **多选** – 拖动以一次选择多个元素\n- **区域选择** – 拖动以标注任何区域，即使是空白区域\n- **动画暂停** – 冻结所有动画（CSS、JS、视频），以便捕捉特定状态\n- **结构化输出** – 复制包含选择器、位置和上下文的 Markdown 格式内容\n- **深色\u002F浅色模式** – 自动匹配您的偏好或手动设置\n- **零依赖** – 纯 CSS 动画，无需运行时库\n\n## 工作原理\n\nAgentation 会捕获类名、选择器和元素位置信息，以便 AI 代理能够通过 `grep` 查找您所指的精确代码。与其描述“侧边栏中的蓝色按钮”，不如直接提供 `.sidebar > button.primary` 以及您的反馈内容。\n\n## 系统要求\n\n- React 18 及以上版本\n- 桌面浏览器（不支持移动端）\n\n## 文档\n\n完整文档请访问 [agentation.com](https:\u002F\u002Fagentation.com)\n\n## 许可证\n\n© 2026 Benji Taylor\n\n采用 PolyForm Shield 1.0.0 许可证","# Agentation 快速上手指南\n\nAgentation 是一款与 AI 代理无关的可视化反馈工具。它允许你在页面上点击元素、添加备注，并复制结构化的输出内容，帮助 AI 编程助手精准定位你所指的代码位置。\n\n## 环境准备\n\n在开始使用前，请确保你的开发环境满足以下要求：\n\n- **框架版本**：React 18 或更高版本\n- **运行环境**：桌面端浏览器（暂不支持移动端）\n- **依赖项**：无额外运行时依赖（纯 CSS 动画实现）\n\n## 安装步骤\n\n使用 npm 将 Agentation 作为开发依赖安装到你的项目中：\n\n```bash\nnpm install agentation -D\n```\n\n> 💡 **国内加速建议**：如果遇到下载缓慢问题，推荐使用淘宝镜像源安装：\n> ```bash\n> npm install agentation -D --registry=https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 基本使用\n\n1. **引入组件**：在你的应用根组件或主布局文件中导入 `Agentation`。\n2. **渲染组件**：将其放置在 `\u003CYourApp \u002F>` 之后即可激活工具栏。\n\n示例代码如下：\n\n```tsx\nimport { Agentation } from 'agentation';\n\nfunction App() {\n  return (\n    \u003C>\n      \u003CYourApp \u002F>\n      \u003CAgentation \u002F>\n    \u003C\u002F>\n  );\n}\n```\n\n3. **开始使用**：\n   - 刷新页面后，工具栏将出现在右下角。\n   - 点击工具栏激活，随后点击页面上任意元素进行标注。\n   - 支持文本选择、多选框选、区域框选及暂停动画等功能。\n   - 复制生成的结构化 Markdown 内容（包含选择器、位置和上下文），直接发送给 AI 助手即可精准定位代码。","前端开发者小李正在与 AI 编程助手协作，修复一个复杂的后台管理系统中“用户列表页”的样式错乱问题。\n\n### 没有 agentation 时\n- **描述模糊低效**：小李只能口头描述“右侧边栏里那个蓝色的按钮有点歪”，AI 难以精准定位到具体的代码文件。\n- **上下文缺失**：为了说明问题，小李需要手动截图、画圈，再复制粘贴长长的类名，沟通成本极高。\n- **动态状态难捕捉**：页面存在加载动画，小李很难在动画播放的瞬间截住画面让 AI 分析特定帧的状态。\n- **反复试错**：AI 经常修改错误的组件，导致小李需要多次重复解释，严重拖慢修复进度。\n\n### 使用 agentation 后\n- **精准定位**：小李直接点击错乱的按钮，agentation 自动生成唯一的 CSS 选择器（如 `.user-list > button.action`），AI 瞬间锁定代码。\n- **结构化反馈**：只需在页面上框选区域并添加备注，agentation 即刻生成包含位置、选择器和上下文的 Markdown 报告，一键发送给 AI。\n- **冻结动态画面**：利用“动画暂停”功能，小李轻松冻结了加载状态，让 AI 能清晰分析静态下的布局问题。\n- **一次修正成功**：凭借精确的视觉反馈，AI 首次提交的代码即修复了问题，无需多轮对话确认。\n\nagentation 通过将模糊的视觉描述转化为精确的代码坐标，彻底消除了人与 AI 在界面修复过程中的沟通歧义。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fbenjitaylor_agentation_cbe7d36b.png","benjitaylor","Benji Taylor","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fbenjitaylor_c989e97d.png",null,"Los Angeles","https:\u002F\u002Fgithub.com\u002Fbenjitaylor",[82,86,90,94,97,101],{"name":83,"color":84,"percentage":85},"TypeScript","#3178c6",84.1,{"name":87,"color":88,"percentage":89},"SCSS","#c6538c",9,{"name":91,"color":92,"percentage":93},"HTML","#e34c26",3.3,{"name":95,"color":96,"percentage":93},"CSS","#663399",{"name":98,"color":99,"percentage":100},"JavaScript","#f1e05a",0.2,{"name":102,"color":103,"percentage":104},"Shell","#89e051",0.1,3292,257,"2026-04-05T00:08:26","NOASSERTION",1,"未说明","不需要",{"notes":113,"python":111,"dependencies":114},"该工具是一个前端 React 组件，需在桌面端浏览器中运行，不支持移动设备。安装方式为通过 npm 作为开发依赖安装，无其他运行时库依赖。",[115],"React 18+",[13,15,14],[118,119,120,121],"ai","design","tools","ui","2026-03-27T02:49:30.150509","2026-04-06T05:16:37.488179",[],[]]