React图片查看器、react-zmage

产品主要功能:支持点击页面中的普通<img>元素将其展开为全屏查看器,支持多图、键盘和移动端手势。具有丝滑效果,适用于博客、门户站、文档和富文本等场景。 产品描述:这是一个翻新后的React图片查看器,借助AI技术对9年前的react-zmage进行了更新。它可以让页面里的普通<img>点击后全屏显示,并且支持多图浏览、键盘操作以及移动端手势。动画效果流畅,与iOS首页的图标打开动画相媲美。官网和GitHub提供了详细信息和源代码,用户可以根据自己的项目需求进行定制。此外,还有一个按住Shift键打开/关闭的小彩蛋功能。

开源自荐: 翻新了一个 9 年前开源的 React 图片查看器
2026年5月2日
0
27

猜你喜欢

把 AI Hermes Agent 的几个实际使用场景整理成了页面,想听听大家怎么看

AI Hermes Agent

产品名称:AI Hermes Agent 主要功能: - 帮助用户判断AI Hermes Agent是否适合其特定场景。 - 引导用户了解工具更适合的任务类型。 - 指导用户如何将典型工作流程分类,以判断是否适用于自己的场景。 - 提供边界说明,防止参考案例被误解为承诺。 - 建议用户在需要深入了解时,参考官方文档和仓库。 描述: AI Hermes Agent的页面设计旨在帮助用户有效筛选出适合自己的使用场景,避免被泛化的描述误导。页面内容分为几个步骤: 1. 介绍工具最适合处理的任务类型,而不是纠结于模型参数。 2. 将典型工作流程分解,便于用户判断是否适用于当前场景。 3. 每个流程类别都提供清晰的边界说明,确保参考案例不会被误解为保证能成功实施。 4. 建议用户在决定深入使用前,查阅官方文档和仓库以获取实现细节。 页面设计上的取舍在于,它不展示所有可能的用途,而是专注于哪些场景适合和哪些不适合。同时,页面明确指出,虽然提供了案例分类和约束说明,但这些信息可能并未在真实环境中完全验证,因此用户在使用时应谨慎。

AI工具场景分类
分享自己弄的一个 Hugo 主题: hugo-theme-deck

hugo-theme-deck

产品主要功能:Hugo主题-Deck 描述:以列作为主题展示,支持明暗两种主题变化,不同列支持不同样式,组件化设计,列可与不同样式绑定,响应式设计。

Hugo主题响应式设计
当我将记账软件接入了 Claude Code

Claude Code-记账软件与AI助手集成

产品主要功能:记账软件,能分析和导入账单,生成年度总结和预算建议。 描述:用户可以将信用卡账单导入软件,软件能自动完成解析、格式匹配和导入,支持银行excel格式。大模型还能帮助用户分析账单数据并生成相关报告。

记账软件AI工具
通过利用大模型开发 PopClip 插件发现了大模型的一些局限性

PopClip, PopClip NeoDB

产品:PopClip 插件、PopClip NeoDB 插件 主要功能: 1. PopClip 插件:通过利用大模型进行文本搜索和提示。 2. PopClip NeoDB 插件:在 PopClip 的基础上,增加了对特定分类(如书籍)的搜索支持,并允许用户单独开启或关闭这一功能。 描述: PopClip 插件利用大模型为用户提供文本搜索和提示功能。PopClip NeoDB 插件在此基础上进行了改进,特别适用于那些大模型训练数据较少或过时的领域,因为它能够提供更准确的答案,并且鼓励用户查找最新的文档以解决问题。两个插件都支持单独书籍等分类的搜索,并允许用户根据需要开启或关闭这一功能。

AI工具开发工具

mcp-dbutils, PostgreSQL, SQLite, stage-db, dev-db, users, posts, interactions

mcp-dbutils是一款数据库访问服务,支持PostgreSQL和SQLite多种数据库类型。它通过抽象层设计,为MCP服务器提供简单、统一的数据库操作接口。

数据库管理工具数据库抽象层
CopyWeb 一键复刻网页设计

CopyWeb、UI组件

产品主要功能:一键复刻网页组件。 描述:CopyWeb 可以通过输入一个 URL 或者上传一张截图来复刻网页组件,还原度高达 80% 以上。它专注于 UI 组件的设计与复刻,在精准度和样式方面效果更好,被比作垂直领域的 AI Coding Agent。

UI组件复刻工具