Weekly #031
文章推荐
No Outer margin
https://kyleshevlin.com/no-outer-margin
本篇文章讨论了在构建可重用组件时常见的反模式之一：在组件的最外层元素添加外边距或填充。作者强调了外边距和填充会破坏封装性，使组件难以重用，因此建议避免在最外层元素上应用外边距和填充。文章提供了具体的示例和解决方案，强调了使用父元素或组件来管理布局和间距，而不是让组件自己管理外部间距。总结来说，不要在组件的最外层元素添加外边距，除非有边框或背景颜色来定义边界；使用父元素或组件来管理布局。
基于 Kimi Chat 的 AI 渐进式阅读法
本文介绍了作者如何利用 Kimi Chat 的 AI 渐进式阅读法来提高文章阅读效率。通过将大语言模型应用于文章处理中，作者展示了如何利用 AI 来帮助筛选和阅读文章，从而更快地获取所需信息。文章详细介绍了渐进式阅读法的三个步骤：了解文章、详读内容和个性化进阶阅读，并提供了针对每个步骤的具体操作指南。同时，也探讨了 AI 阅读的一些缺点和限制。通过本文的介绍，读者可以了解如何有效利用 AI 技术来提高阅读效率。
工具介绍
Yolt
Yolt 是一个可以帮助用户快速获取 YouTube 视频的关键信息和重点内容的免费工具。无论是播客、讲座、新闻、采访、教程、评论还是辩论，Yolt 都能在几秒钟内提供高质量的总结，帮助用户节省时间，并且还支持多语言视频，让用户可以更方便地浏览不同语言的视频内容。
Moiful
Moiful 是一个专门设计用来将截图转换成引人注目的社交媒体帖子的在线工具。这个工具的核心功能是提供一个简单而强大的截图编辑器，用户可以免费使用。通过 Moiful，你可以轻松地将普通的截图转变为美观、可分享的内容，从而吸引更多的 Twitter 关注者，并提升你的视觉叙事技巧。
labeler
https://github.com/coder/labeler
labeler 是一个可以根据您过去的标记决策自动为您创建的问题添加标签的应用程序。它使用 GPT-4 对过去 100 个已打开问题的分析，而非更复杂的向量 DB / 嵌入系统。
BlendAI
BlendAI 是一个集合了各种 AI 模型的平台，用户可以在这里连接不同模型，实现更多可能性。平台提供了多模态功能，让用户可以连接具有相同输入和输出类型的模型。BlendAI 的目标是让用户更轻松地利用人工智能技术，发挥创造力，创造出更多令人惊叹的作品。
Skyvern
https://github.com/Skyvern-AI/skyvern
Skyvern 是一个通过使用 LLMs 和计算机视觉自动化浏览器工作流程的工具。它通过提供简单的 API 端点，完全自动化手动工作流程，替代了脆弱或不可靠的自动化解决方案。Skyvern 的工作方式是结合计算机视觉和 LLMs，而不是仅依赖于基于代码定义的 XPath 交互，以实时解析视口中的元素，创建互动计划并与之交互。这种方法让 Skyvern 能够在不熟悉的网站上运行，而且对网站布局变化具有抗性。它还利用 LLMs 来推理互动，确保可以处理复杂情况。
Typed.js
https://github.com/mattboldt/typed.js
Typed.js 是一个 JavaScript 打字动画库，可以实现文字逐字打印、回退、以及展示多个字符串。它支持通过 CDN 引入或作为 ESModule 在项目中使用，并提供了丰富的定制选项，如打字速度、暂停、智能回退等功能。Typed.js 还可以通过读取静态 HTML 页面上的内容进行字符串展示，支持在 React、Vue.js 等框架中使用，同时提供了丰富的 CSS 自定义和事件回调函数。
perplexa
https://github.com/adtac/perplexa
perplexa 是一个用于在谷歌搜索中获取 Perplexity 答案的 Greasemonkey 脚本。该脚本的目的是让用户能够在谷歌搜索中直接获取 Perplexity 的答案。通过安装这个脚本，用户可以更方便地获取相关信息，提高搜索效率。
Trangram
https://www.trangram.com/editor
Trangram 是一款免费的用于创建、动画化和分享运动图形的一站式平台。它提供了编辑、动画、分享和协作的功能，用户可以通过简单易用的界面制作出精美的动画效果。Trangram 支持多种对象类型和动画效果，让用户能够轻松地实现他们的创意想法。这个平台还具有云端存储功能，让用户随时随地访问和编辑他们的作品。
CometLLM
https://github.com/comet-ml/comet-llm
CometLLM 是一个用于记录和可视化 LLM 提示和链条的工具。它可以帮助用户识别有效的提示策略，简化故障排除过程，并确保可重复的工作流程。用户可以通过 CometLLM 记录提示和响应，包括提示模板、变量、时间戳、持续时间以及其他元数据。此外，用户还可以在 UI 中直观地展示和分析提示和链条的执行情况，以及追踪用户反馈。
PubCrank
PubCrank 是一个为 MarkDown 基础静态网站设计的 CMS。它适用于开发者、内容创建者和编辑，允许开发者在 Astro、Eleventy（11ty）、Hugo 和 Jekyll 等生成器中设置静态网站，同时为创建者和编辑提供轨道，以便在不破坏网站风格和布局的情况下更改内容。
RenderNet
RenderNet AI 是一款强大的图像生成工具，专注于创建一致的角色，并控制其姿势、构图和风格。它包括 FaceLock 用于创建具有相同面部特征的 AI 角色，ControlNet 用于自由控制生成图像的各个方面，以及 Canvas 提供给专业人士的强大 AI 创作工具。
Github Early
https://github.com/Dalufishe/github-early
GitHub Early 是一个可以查看 GitHub 仓库最早关注者和观察者的工具，让用户能够发现早期关注和支持项目的人群。用户只需安装插件、输入 GitHub Token，即可查看早期关注者信息，旨在帮助用户探索 GitHub 并了解项目的早期支持者。
code2prompt
https://github.com/mufeedvh/code2prompt
code2prompt 是一个可以将代码库转换为单个 LLM 提示的 CLI 工具。用户可以自定义提示模板，用于重写代码、查找漏洞、文档化代码或实现新功能。工具支持自定义模板、过滤文件、显示记号计数，并可以保存生成的提示。另外，用户可以使用内置模板完成常见任务，如文档化代码、查找漏洞、优化代码等。
Keyframes.app
Keyframes.app 是一个基于浏览器的工具，用于创建 CSS 动画和处理颜色、阴影等效果。它支持本地存储，保护隐私，无需账号，适用于移动设备，可定制化，免费开放源代码。用户可以自行备份数据，并提供反馈或赞助支持。
LanguageBeast
LanguageBeast 是一个专注于帮助用户提高英语词汇量的网站，旨在通过互动式学习、个性化的学习选项和离线学习的可能性，帮助用户从 B1/B2 水平提升到 C1/C2 水平，实现英语的流利和准确。
Animate Typing
Animate Typing 是一个可以轻松创建动画打字效果的工具，支持生成 gif 和视频格式的动画。
资源汇总
ECSS
ECSS 是一套用于简单样式设计的规则，旨在避免常见的样式问题。它强调意图明确、一致性、简单性、表达力、可预测性和可持续性。ECSS 鼓励合理的选择器、灵活的命名指南、限制依赖性，致力于建立高效的设计系统。同时，ECSS 强调 CSS 是设计语言而非编程语言，倡导让设计师能够独立优化工作。通过遵循 ECSS 的指导原则和作者规则，可以实现简洁、清晰、可维护的 CSS 代码，提高团队效率，促进设计系统的发展。
Astroplate
https://github.com/zeon-studio/astroplate
Astroplate 是一个采用 Astro、TailwindCSS 和 TypeScript 构建的免费起始模板，提供了启动 Astro 项目所需的一切内容。该模板具有多作者、类似文章推荐、搜索功能、暗黑模式、标签和分类、预配置的 Netlify 设置、支持联系表单、全响应式设计等特点。用户可以在 Markdown / MDX 中编写和更新内容，并享有 Disqus 评论和语法高亮等功能。此外，模板还包含 15+ 预设计页面，如主页、关于、联系、作者、博客、自定义 404 页面等。
WebCurate
WebCurate 是一个汇集了超过 1600 个最佳在线产品和工具的精选收藏网站。这些产品涵盖人工智能、生产力、在线业务、营销、设计等多个领域，详细描述了每个产品的功能和特点。用户可以在这里方便地浏览和发现各种有用的在线工具，助他们提升工作效率、推动业务展和实现设计目标。
Ultimate Self-Hosted Software List
Self-Hosted Software List 是一个包含了各种类别的顶级自托管软件网站，涵盖了从博客平台到文件共享、项目管理、密码管理等多个领域。这些软件既有免费的开源软件，也有专有的解决方案，适合希望在服务器上增强控制和隐私的用户。网站提供了详细的介绍和链接，方便用户了解和选择适合自己需求的自托管软件。