返回首页
最新
嗨，HN，我创建了 data-anim —— 一个动画库，你无需自己编写任何 JavaScript。
你只需写：
```html
<div data-anim="fadeInUp">Hello</div>
```
就这样。滚动触发的淡入动画，零 JavaScript 编写。
它的功能：
- 30+ 种内置动画（淡入、滑动、缩放、弹跳、旋转等）
- 4 种触发器：滚动（默认）、加载、点击、悬停
- 3 层防止 FOUC（无闪烁）保护（立即样式注入 → noscript 回退 → 5 秒超时）
- 响应式控制：可按设备禁用或在移动端切换动画
- 所有属性的 TypeScript 自动补全
- 压缩后小于 3KB，无依赖
我为什么要创建这个：
我注意到，大多数着陆页和营销网站的动画需求都很简单——滚动时淡入、从左侧滑入、悬停时弹跳。但现有的选项要么太重（Framer Motion 大约 30KB），要么需要 JavaScript 样板代码。
我还认为声明式 HTML 属性是最适合 AI 的动画格式。当大型语言模型生成用户界面时，HTML 属性是它们最少产生幻觉的输出——没有选择器匹配，没有记错的 JavaScript API，也没有错误的脚本执行顺序。
文档： [https://ryo-manba.github.io/data-anim/](https://ryo-manba.github.io/data-anim/)
演示： [https://ryo-manba.github.io/data-anim/playground/](https://ryo-manba.github.io/data-anim/playground/)
npm： [https://www.npmjs.com/package/data-anim](https://www.npmjs.com/package/data-anim)
欢迎随时询问有关实现或设计决策的问题。
我有一个想法，可以消除机器人的问题，或者至少让其操作变得更加困难。以下是我的计划。
一种基于新HTTP协议的新网页浏览器，使用密码学接受人类身份手套。用户不再直接用手指在鼠标或触控板上操作，而是佩戴一个硬件手套，该手套持续记录用户的脉搏、指纹、机器信息以及在与设备互动时独特的平均运动轨迹。手套实时加密所有这些信息。浏览器则不断验证手套硬件是否存在并处于活动状态。如果没有带有有效身份的物理手套，页面将无法加载。
如果有人试图模拟这个手套呢？
这时，新浏览器就成为了第二道防线。它持续检查手套的硬件签名和序列号。你可以尽量模拟，但同时伪造正确的指纹、持续且可信的人类脉搏、个性化的运动轨迹以及确切的硬件序列号的概率几乎接近于不可能，这是任何安全系统所能达到的极限。
你们对这个初步想法有什么看法？
在过去几天里，我在人工智能的帮助下完成了这个项目。我从一个空白项目开始，逐步构建每个功能，而不是让大型语言模型或代理一次性生成全部内容。这让我能够定制、测试并理解代码基础。
我在几种键盘之间切换，厌倦了在PDF中查找Fn组合键和蓝牙配对序列。于是我制作了一个视觉参考工具——选择你的键盘，点击一个功能，按键就会亮起。<p><a href="https://keymatrix.dev" rel="nofollow">https://keymatrix.dev</a><p>该工具支持27种键盘（如HHKB、Keychron、Akko、NuPhy等）。所有快捷键数据均来自官方文档。<p>网站采用终端风格的用户界面，具有可用的命令行——你可以输入`cd hhkb`并使用Tab键进行自动补全。
我们创建 GitAgent 是因为我们不断遇到同样的问题：每个代理框架对代理的定义都不同，而切换框架意味着需要重写所有内容。<p>GitAgent 是一个规范，它将 AI 代理定义为 git 仓库中的文件。<p>三个核心文件——agent.yaml（配置）、SOUL.md（个性/指令）和 SKILL.md（能力）——为您提供一个可移植的代理定义，可以导出到 Claude Code、OpenAI Agents SDK、CrewAI、Google ADK、LangChain 等平台。<p>作为 git 原生工具，您可以免费获得以下功能：<p>1. 代理行为的版本控制（像回滚错误提交一样回滚错误提示）
2. 环境推广的分支管理（开发 → 测试 → 主分支）
3. 通过 PR 实现人机协作（代理学习一项技能 → 打开一个分支 → 人类在合并前进行审核）
4. 通过 git blame 和 git diff 提供审计跟踪
5. 代理的分叉和重混（分叉一个公共代理，进行定制，然后将改进通过 PR 反馈回去）
6. 使用 GitAgent 在 GitHub Actions 中实现 CI/CD<p>CLI 让您可以直接运行任何代理仓库：<p>npx @open-gitagent/gitagent run -r <a href="https://github.com/user/agent" rel="nofollow">https://github.com/user/agent</a> -a claude<p>合规层是可选的，但如果您需要，它也可以提供——风险等级、监管映射（FINRA、SEC、SR 11-7）和通过 GitAgent 审计生成的审计报告。<p>规范可以在 <a href="https://gitagent.sh" rel="nofollow">https://gitagent.sh</a> 找到，代码在 GitHub 上。<p>非常希望能收到关于架构设计的反馈，以及大家希望下一个支持的适配器。