最新

AI 编码助手（Cursor、Claude Code、Copilot）速度极快，但它们经常会搞乱你的 UI 设计令牌或结构语义，而你直到 PR 合并后才会注意到这一点。 我构建了 drift-guard 来防止这种情况。它是一个纯 CLI 工具（零令牌开销，无 MCP 服务器），可以对你的设计令牌和 DOM 结构进行快照，然后在代码级别检查“漂移”。 工作原理： 1. init 扫描你的 CSS/HTML 并对所有设计令牌（颜色、字体、间距、阴影、圆角、布局、效果）以及你的 DOM 的结构指纹进行快照。 2. rules 为 5 个 AI 工具生成规则文件（.cursorrules, CLAUDE.md, AGENTS.md, copilot-instructions.md, .clinerules）。 3. check 将当前状态与快照进行比较，如果漂移超过阈值，则退出，代码为 1。 关键设计决策： * 零令牌开销：纯 CLI。 * 静态分析：使用 css-tree 和 cheerio（无无头浏览器，< 1 秒）。 * 过时快照警告：如果基线超过 7 天，则发出警告。 * 结构 + 样式：同时监控 CSS 令牌和 DOM 层次结构。 * 提交前钩子：在提交落地前阻止漂移的提交。 GitHub：https://github.com/Hwani-Net/drift-guard npm：npm i -g @stayicon/drift-guard 我很乐意收到反馈！你是否在使用 AI 编码工具时遇到过“设计漂移”问题？

全新发布的 Toolpack SDK — 一个完全开源的统一 TypeScript SDK，用于 AI 开发 如果你使用过多个 LLM 提供商，你就会知道其中的痛苦：每个提供商都有不同的 API、不同的工具格式、不同的怪癖。 Toolpack SDK 为你提供了一个跨 OpenAI、Anthropic、Gemini 和 Ollama 的统一接口。 它内置了 77 个工具，用于文件操作、Git、数据库、网页抓取、代码分析和 shell 命令。你也可以创建和集成你自己的自定义工具。 工作流引擎可以逐步规划和执行任务。你开箱即用 Agent 和 Chat 模式，还可以创建根据你的需求定制的自定义模式。如果你想添加其他 LLM，还有一个自定义提供商 API。 完全支持 TypeScript。如果你更喜欢终端 UI 而不是代码，CLI 为你提供了一个交互式聊天界面，让你可以在命令行中使用 AI 和工具。 Toolpack SDK： npm: npm install toolpack-sdk GitHub: github.com/toolpack-ai/toolpack-sdk 文档: toolpacksdk.com 注意：请按照文档说明设置配置，并在环境变量中设置你的 API 密钥。 Toolpack CLI（交互式终端 UI）： npm: npm install -g toolpack-cli GitHub: github.com/toolpack-ai/toolpack-cli 注意：安装后，使用终端中的 `toolpack` 命令打开它。请记住按照文档说明在环境变量中设置你的 API 密钥。 https://toolpacksdk.com

Zap Code 通过简单的英语描述生成可运行的 HTML/CSS/JS 代码，专为 8-16 岁的儿童设计。 核心流程：孩子输入“制作一个太空射击游戏”，AI 生成代码，实时预览立即呈现。三种交互模式——仅视觉调整、带注释的只读代码视图，以及带有 AI 自动补全功能的完整代码编辑。 技术细节：Next.js 前端，Node.js 后端，为年轻用户简化的 Monaco 编辑器，用于预览执行的沙盒 iframe（生成的代码不允许外部 API 调用）。渐进式复杂性引擎使用技能模型来决定何时呈现更高级的功能。 主要关注点在于基于块的编程（Scratch 等）和实际编程之间的差距。块工具非常适合 6-10 岁的孩子，但过渡到真正的代码很困难。该项目试图通过让孩子们先与实际输出交互，然后逐渐暴露其背后的代码来平滑这个曲线。 局限性：AI 生成的代码并不总是干净或符合规范。内容经过年龄适宜性过滤，但并非完美。协作功能仍然很基础。复杂性引擎需要更多数据才能良好调整。 免费套餐，3 个项目。Pro 版每月 9.99 美元。