[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-ibelick--prompt-kit":3,"tool-ibelick--prompt-kit":62},[4,18,26,36,46,54],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},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,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},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 真正成长为懂上",160411,2,"2026-04-18T23:33:24",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":42,"last_commit_at":43,"category_tags":44,"status":17},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[13,45],"插件",{"id":47,"name":48,"github_repo":49,"description_zh":50,"stars":51,"difficulty_score":32,"last_commit_at":52,"category_tags":53,"status":17},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 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",109154,"2026-04-18T11:18:24",[14,15,13],{"id":55,"name":56,"github_repo":57,"description_zh":58,"stars":59,"difficulty_score":32,"last_commit_at":60,"category_tags":61,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[45,13,15,14],{"id":63,"github_repo":64,"name":65,"description_en":66,"description_zh":67,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":76,"owner_location":77,"owner_email":76,"owner_twitter":73,"owner_website":78,"owner_url":79,"languages":80,"stars":97,"forks":98,"last_commit_at":99,"license":100,"difficulty_score":32,"env_os":101,"env_gpu":102,"env_ram":102,"env_deps":103,"category_tags":107,"github_topics":108,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":117,"updated_at":118,"faqs":119,"releases":155},9399,"ibelick\u002Fprompt-kit","prompt-kit","Core building blocks for AI apps.  High-quality, accessible, and customizable components for AI interfaces.","prompt-kit 是一套专为构建 AI 应用打造的高质量、可定制界面组件库。它提供了聊天窗口、智能体交互、自主助手等核心功能模块，帮助开发者快速搭建美观且易用的 AI 用户界面。\n\n在开发 AI 产品时，从零设计并实现流畅的对话交互往往耗时费力，且难以保证无障碍访问标准。prompt-kit 通过提供开箱即用的标准化组件，解决了这一痛点，让团队能将精力集中在业务逻辑而非重复的 UI 开发上。\n\n这套工具主要面向前端工程师和全栈开发者，特别是那些正在使用 React 技术栈并希望通过 shadcn\u002Fui 构建现代化 Web 应用的人群。无论是初创公司快速验证原型，还是成熟团队迭代复杂 AI 系统，都能从中受益。\n\n其独特亮点在于深度集成了 shadcn\u002Fui 生态，开发者只需一条命令即可按需安装组件，并拥有完全的代码控制权进行个性化调整。这种“复制粘贴”式的集成方式不仅保留了极高的灵活性，还确保了组件在视觉风格和交互体验上的一致性，让创建专业的 AI 交互界面变得像搭积木一样简单高效。","# prompt-kit\n\n**Customizable, high-quality components for AI applications.**  \nBuild chat experiences, AI agents, autonomous assistants, and more, quickly and beautifully.\n\n![cover](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fibelick_prompt-kit_readme_1b2638943bb5.jpg)\n\n## Installation\n\n### Install shadcn\u002Fui\n\nFirst, you'll need to install and configure [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com) in your project.  \nFollow the installation guide in the shadcn\u002Fui documentation.\n\n### Install prompt-kit components\n\nOnce shadcn\u002Fui is set up, you can install `prompt-kit` components using the shadcn CLI:\n\n```sh\nnpx shadcn@latest add prompt-kit\u002F[component]\n```\n\n### Usage\n\nAfter installation, import and start using the components in your project:\n\n```tsx\nimport { PromptInput } from \"@\u002Fcomponents\u002Fui\u002Fprompt-input\"\n```\n","# prompt-kit\n\n**可定制、高质量的 AI 应用组件。**  \n快速且美观地构建聊天体验、AI 代理、自主助手等。\n\n![cover](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fibelick_prompt-kit_readme_1b2638943bb5.jpg)\n\n## 安装\n\n### 安装 shadcn\u002Fui\n\n首先，您需要在项目中安装并配置 [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com)。  \n请按照 shadcn\u002Fui 文档中的安装指南进行操作。\n\n### 安装 prompt-kit 组件\n\n当 shadcn\u002Fui 配置完成后，您可以使用 shadcn CLI 安装 `prompt-kit` 组件：\n\n```sh\nnpx shadcn@latest add prompt-kit\u002F[component]\n```\n\n### 使用\n\n安装完成后，即可在项目中导入并开始使用这些组件：\n\n```tsx\nimport { PromptInput } from \"@\u002Fcomponents\u002Fui\u002Fprompt-input\"\n```","# prompt-kit 快速上手指南\n\n`prompt-kit` 是一套可定制的高质量组件库，专为构建聊天界面、AI 智能体及自主助手等 AI 应用设计。它基于 `shadcn\u002Fui` 构建，能帮助开发者快速打造美观的交互体验。\n\n## 环境准备\n\n在开始之前，请确保你的开发环境满足以下要求：\n\n- **Node.js**: 建议版本 18.0 或更高。\n- **框架支持**: 适用于 React 项目（如 Next.js, Vite 等）。\n- **前置依赖**: 必须先安装并配置好 [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com)。\n  - 若尚未安装，请先运行 `npx shadcn-ui@latest init` 完成初始化配置。\n\n> 💡 **国内加速提示**：如果访问 npm 源较慢，建议切换至国内镜像源（如淘宝镜像）：\n> ```bash\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 安装步骤\n\n配置好 `shadcn\u002Fui` 后，你可以直接使用 shadcn CLI 命令安装 `prompt-kit` 的特定组件。\n\n执行以下命令安装你需要的组件（将 `[component]` 替换为具体组件名，例如 `prompt-input`）：\n\n```sh\nnpx shadcn@latest add prompt-kit\u002F[component]\n```\n\n例如，安装输入框组件：\n```sh\nnpx shadcn@latest add prompt-kit\u002Fprompt-input\n```\n\n## 基本使用\n\n安装完成后，组件会自动添加到你的项目目录中（通常位于 `@\u002Fcomponents\u002Fui\u002F`）。你可以直接在代码中导入并使用。\n\n以下是一个最简单的使用示例：\n\n```tsx\nimport { PromptInput } from \"@\u002Fcomponents\u002Fui\u002Fprompt-input\"\n\nexport default function ChatInterface() {\n  return (\n    \u003Cdiv className=\"p-4\">\n      \u003CPromptInput placeholder=\"请输入你的提示词...\" \u002F>\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n现在，你可以在项目中灵活组合这些组件，快速构建专业的 AI 应用界面。","某初创团队正在开发一款面向法律从业者的 AI 合同审查助手，急需在两周内上线具备专业交互感的聊天界面。\n\n### 没有 prompt-kit 时\n- 开发者需从零手写复杂的输入框逻辑，难以处理多行文本、文件拖拽及加载状态等细节，导致界面粗糙且交互生硬。\n- 为了适配深色模式和无障碍访问（Accessibility），团队不得不花费大量时间查阅 W3C 标准并反复调整 CSS 样式，严重拖慢进度。\n- 聊天流式输出（Streaming）效果需要自行编写底层动画逻辑，容易出现文字闪烁或光标跳动不一致的问题，影响用户体验。\n- 不同组件间的视觉风格难以统一，按钮、输入框和消息气泡的圆角与间距经常发生冲突，整体设计缺乏一致性。\n- 后续若要修改主题色或调整布局，往往需要全局搜索替换代码，维护成本极高且容易引入新 Bug。\n\n### 使用 prompt-kit 后\n- 直接通过 CLI 安装 `PromptInput` 等预制组件，瞬间获得支持文件上传、自动高度调整及优雅加载态的专业输入框。\n- 基于 shadcn\u002Fui 构建的组件原生具备完善的无障碍支持和深色模式适配，无需额外编码即可满足合规要求。\n- 内置优化的流式响应渲染机制，确保 AI 生成的法律条款逐字显示时平滑流畅，完全消除视觉抖动。\n- 所有组件遵循统一的设计令牌（Design Tokens），一键即可让聊天界面呈现出高度一致且精致的视觉风格。\n- 借助其高度可定制的特性，团队仅需修改少量配置即可切换品牌主题，将原本数天的重构工作缩短至几分钟。\n\nprompt-kit 让开发团队从繁琐的 UI 基建中解放出来，专注于核心业务逻辑，从而以极低成本快速交付了高品质的 AI 应用。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fibelick_prompt-kit_1b263894.jpg","ibelick","Julien Thibeaut","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fibelick_77ce56e7.jpg",null,"Paris","ibelick.com","https:\u002F\u002Fgithub.com\u002Fibelick",[81,85,89,93],{"name":82,"color":83,"percentage":84},"TypeScript","#3178c6",82.4,{"name":86,"color":87,"percentage":88},"MDX","#fcb32c",13.9,{"name":90,"color":91,"percentage":92},"JavaScript","#f1e05a",2.5,{"name":94,"color":95,"percentage":96},"CSS","#663399",1.1,2752,149,"2026-04-18T16:58:40","MIT","","未说明",{"notes":104,"python":102,"dependencies":105},"该工具是一个前端 UI 组件库，而非独立的 AI 模型运行环境。它依赖于 React\u002FNext.js 项目，必须先安装并配置 shadcn\u002Fui 才能使用。通过 npx shadcn CLI 命令安装特定组件，无特定的操作系统、GPU、内存或 Python 版本限制（取决于宿主 Web 项目环境）。",[106],"shadcn\u002Fui",[15,14,13],[109,110,111,112,113,114,115,116],"ai","components","nextjs","react","shadcn","shadcn-ui","tailwindcss","ui","2026-03-27T02:49:30.150509","2026-04-19T09:40:09.723449",[120,125,130,135,140,145,150],{"id":121,"question_zh":122,"answer_zh":123,"source_url":124},42179,"是否有包含所有组件组合的完整示例？","维护者已发布完整的代码块示例（Blocks），包含了所有组件的组合用法。您可以访问 https:\u002F\u002Fwww.prompt-kit.com\u002Fblocks 查看。如果您需要包含 Tailwind CSS 布局（如 flex、宽高设置）以确保响应式和一致性的完整示例，请参考该页面或查看相关 PR #41。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F23",{"id":126,"question_zh":127,"answer_zh":128,"source_url":129},42180,"使用 CodeBlock 组件时出现 \"Cannot read properties of undefined (reading 'matchAll')\" 错误怎么办？","该问题通常是因为传入的代码内容为 undefined 导致的。解决方法是在调用高亮函数前添加空值检查。您可以在 `useEffect` 中添加：`if (!code) { setHighlightedHtml('\u003Cpre>\u003Ccode>\u003C\u002Fcode>\u003C\u002Fpre>'); return; }`，或者修改 `codeToHtml` 工具函数，在内部处理空代码情况：`if (!code) return \"\u003Cpre>\u003Ccode>\u003C\u002Fcode>\u003C\u002Fpre>\";`。此问题已在 PR #28 中修复，请确保更新到最新版本。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F19",{"id":131,"question_zh":132,"answer_zh":133,"source_url":134},42181,"如何为项目添加深色模式（Dark Mode）支持？","您可以使用 `next-themes` 库来轻松实现深色模式。安装后，在 `\u003CThemeProvider>` 中设置 `defaultTheme=\"light\"` 以保持默认为浅色模式。虽然文档默认保持浅色模式，但所有组件本身已支持深色模式。如果需要，可以在侧边栏底部添加切换按钮来控制主题切换。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F22",{"id":136,"question_zh":137,"answer_zh":138,"source_url":139},42182,"在使用 ChatContainer 时遇到 \"`ref` is not a prop\" 警告如何解决？","该警告通常出现在 React 18 及更早版本中，因为 prompt-kit 基于 React 19 构建，而在 React 19 中 `forwardRef` 的使用方式有所变化。如果您使用的是 React 18，可能会遇到此兼容性问题。建议升级项目至 React 19，或者按照 React 官方文档关于特殊 props 的警告进行调整。维护者已在安装文档中将 React 19 列为前置要求。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F8",{"id":141,"question_zh":142,"answer_zh":143,"source_url":144},42183,"运行 shadcn 添加命令时遇到 \"429 Failed to fetch from registry\" 错误怎么办？","这通常是由于请求频率限制（Rate Limiting）或服务器暂时过载导致的。如果遇到 `npx shadcn@latest add` 命令报 429 错误，请稍后重试。如果问题持续存在，可能是服务器遭受攻击或不稳定，您可以选择手动下载组件文件并安装，而不是通过 CLI 自动获取。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F102",{"id":146,"question_zh":147,"answer_zh":148,"source_url":149},42184,"点击输入框周围的空白区域无法聚焦文本域（Textarea）吗？","这是一个用户体验改进点。默认情况下，只有直接点击 `\u003CPromptInputTextarea>` 内部才能聚焦。为了提升体验（类似 ChatGPT 等应用），您可以修改 `\u003CPromptInput>` 包装器，使其在点击任何内部区域时都将焦点传递给文本域。维护者已同意该改进并欢迎提交 PR 来实现点击整个输入框区域即可聚焦的功能。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F55",{"id":151,"question_zh":152,"answer_zh":153,"source_url":154},42185,"是否有用于显示工具调用（Tool Invocation）或 MCP 服务器使用的组件？","有的。维护者已经发布了专门用于显示工具调用状态的组件\u002F代码块。您可以访问 https:\u002F\u002Fwww.prompt-kit.com\u002Fdocs\u002Ftool 查看文档和示例代码。该功能已通过 PR #61 合并上线。","https:\u002F\u002Fgithub.com\u002Fibelick\u002Fprompt-kit\u002Fissues\u002F49",[]]