HyperFrames 实战:用 HTML 写一支 41 秒的产品介绍视频
HyperFrames 是由HeyGen开源的工具,允许开发者以HTML形式编写视频,将视频生成过程转化为类似Web开发的体验。其核心机制是使用HTML文件作为视频源,通过data-*属性控制时间轴,结合GSAP这一JavaScript动画库实现动态效果,CSS负责视觉样式定义,最终借助FFmpeg导出为MP4格式。该工具提供了完整的生态系统,包括命令行接口、Skills扩展包和Studio预览器,安装命令简便,支持快速集成。文章比较了传统视频制作工具的痛点:Premiere/After Effects视觉上限高但工程文件难维护,Remotion程序化但依赖链长,文生视频模型便捷但准确性不足。HyperFrames通过将技术栈压缩到HTML、CSS和GSAP,降低了入门门槛,同时保留了代码的版本控制和可扩展性,适合内容呈现类视频生成。作者在实战中尝试制作斑马思维机介绍视频,利用Claude Code自动生成脚本,成功创建了横版和竖版视频,并涵盖配音和背景音乐,展示了工具在快速迭代、内容定制和跨平台适配方面的实用性。尽管视频时长控制在41秒,但HyperFrames证明了其在简化视频生成流程、提高开发效率方面的价值,为前端开发者提供了一种创新的内容创作途径。
从 Sublime Text 到 Zed
作者长期使用 Sublime Text,因其快速启动和丰富插件生态而满意,但随着 AI 辅助编码成为常态,Sublime Text 的 AI 集成体验不足,促使其迁移到 Zed。Zed 由 Atom 和 Tree-sitter 原团队开发,采用 Rust 编写,以极致性能和原生 AI 协作为核心优势,启动速度与文件响应优于 VS Code,并内置 Claude、GPT 等模型支持,无需额外插件。其极简界面与 Sublime Text 相似,降低了迁移成本。 安装 Zed CLI 是首要步骤:在 Zed 中通过命令面板执行安装,将 CLI 工具置于 ~/.local/bin/zed,之后可在终端使用如 `zed .` 打开目录或 `zed --diff` 比较文件等命令。为提升效率,作者进一步将 Zed 集成到 macOS Finder 右键菜单,利用 Automator 快速操作机制:首先通过一键脚本生成 OpenInZed.workflow 文件,其中包含 Shell 脚本调用 Zed 打开选中路径;双击安装 workflow 并刷新服务缓存(执行 `/System/Library/CoreServices/pbs -flush`),最后在系统设置中启用该服务。配置后,右键文件夹或文件即可选择“在 Zed 中打开”,脚本自动处理路径。 技术细节上,脚本采用三重兜底逻辑以兼容不同安装方式(如 CLI 路径检测、PATH 变量、应用程序直接调用),并添加 `-n`
了解 Claude Code 的提示词工程
Claude Code 之所以在众多同模型的编程工具中脱颖而出,其关键差异之一在于其内部复杂且经过精心设计的提示词工程。通过截取分析其实际发送的提示词,可以清晰地看到其三层结构:系统层、消息层和工具层。 系统层为Claude Code设定了“Anthropic官方CLI软件工程师”的核心人设,并包含严格的行为准则,例如拒绝破坏性任务。此外,该层为每个项目目录都配置了基于文件的记忆系统,以保存上下文信息。一个值得注意的细节是,Claude Code会在请求头中加入一个动态变化的参数,这使得其他工具若不特殊处理会导致缓存失效。 消息层不仅包含用户的历史对话,还会注入用户安装的所有工具的详细说明。例如,安装hyperframes框架会带来大量特定技能的提示词,显著增加上下文长度。同时,系统会将用户的邮箱、当前日期等信息作为上下文提供给模型。 工具层则定义了模型可调用的具体工具及其使用方法,如鼓励使用子Agent处理复杂任务,以及如何通过提问工具向用户获取澄清信息。该层被巧妙地置于消息层之后,这可能是为了对抗其他模型的缓存机制。整个提示词架构展现了Claude Code如何通过精细的工程设计来引导模型行为、管理上下文并提升任务完成质量。
读《控糖革命》
《控糖革命》一书挑战了传统的热量计算观念,指出维持健康的关键在于控制“血糖峰值”而非仅仅关注卡路里。血糖剧烈波动会引发氧化应激和糖化反应,损害细胞并加速衰老。尤其值得注意的是果糖,它无法像葡萄糖一样被储存,而是直接转化为脂肪,这也是甜食更易致胖的重要原因。 书中提出了九项实操技巧来平滑血糖曲线,其核心策略在于调整进食顺序:优先摄入纤维(蔬菜),接着是蛋白质和脂肪,最后才食用淀粉或糖。纤维能在肠道内形成缓冲层,有效减缓糖分吸收。其他实用方法包括:利用餐前蔬菜建立纤维屏障、警惕代糖的潜在误导、选择含蛋白质与纤维的早餐、避免单独食用甜点、餐前饮用醋或油醋汁,以及餐后进行轻微活动。这些方法旨在通过尊重代谢规律,而非极端节食,来自然改善精力、皮肤状态与身材管理。
写给设计师:如何设计一份 AI 友好的设计规范
本文从AI无法有效解析传统设计规范(如PDF)的痛点出发,指出其根本原因是格式的视觉化、规则的非结构化和知识的碎片化。文章提出的核心解决方案是将设计规范“翻译”为AI可精确解析的结构化数据,实现从“人读文档”到“人机双读接口”的转变。具体实践采用Markdown、JSON与YAML的组合格式,其中JSON用于定义颜色、字号等精确的Design Token数据,YAML用于描述组件的变体、状态和约束规则,Markdown则用于阐述设计原则与使用场景。改造流程包括五步:将数值决策Token化、用结构化Schema描述组件、将设计禁忌转化为带ID和严重等级的可执行规则、提供指引AI读取顺序的入口文件,以及将抽象原则操作化。文章最终给出了一个清晰的文件结构范例,并建议渐进式实施、保持多版本同源、将规范代码化以便集成与审查,强调AI时代的设计规范更应关注意图传达与规则可执行性,使其成为可被工具“调用”的活文档。
Claude Code 从 AWS Bedrock 切换到 Team 订阅指南
当用户需要将Claude Code的认证方式从AWS Bedrock切换至Team订阅时,关键障碍在于Bedrock配置会完全禁用/login与/logout命令,且认证优先级更高,导致订阅认证无法生效。切换的核心是必须彻底清除所有Bedrock相关配置,无论其存储在环境变量还是~/.claude/settings.json文件的env字段中。 具体操作需分步进行:首先检查并识别配置来源,然后删除settings.json中或环境变量里所有如CLAUDE_CODE_USE_BEDROCK、AWS_REGION等专用键值。清理完成后重启Claude Code,此时方可通过浏览器授权登录Team订阅账户。成功切换后,启动界面应显示订阅计划名称而非AWS ARN标识。 需注意,代理设置可能需调整以兼容新端点,且Team计划的用量额度在网页端与客户端共享。本地CLAUDE.md等文件内容不受认证变更影响。理解其认证优先级机制有助于确保订阅凭证正确生效。
让 Claude Code 在你睡觉时持续运行:完整实战指南
本文提供了实现 Claude Code 无人值守长时间运行的完整技术方案。核心在于组合使用 `-p` 非交互模式、细粒度工具白名单(`--allowedTools`)以及成本控制参数(`--max-turns`、`--max-budget-usd`),并推荐采用更安全的 `--permission-mode auto` 作为折中。实战验证的“Ralph Wiggum”循环模式通过一个包含详细架构与任务上下文的 PROMPT.md 文件,驱动 Claude 自主检查任务、实现代码并提交。 为防止会话卡死或执行破坏性操作(如 `rm -rf`),文章重点介绍了四个关键 Hook:阻止等待人工输入的 No-Ask-Human、监控上下文使用量的 Context Monitor、编辑后即时检查语法的 Syntax Check,以及标记危险命令的 Decision Warn。同时,必须在 Docker 容器中运行 `--dangerously-skip-permissions` 模式以隔离风险。 维持运行环境需要使用 tmux 进行会话持久化,并配合系统命令防止设备休眠。上下文管理是成功关键,需将 CLAUDE.md 控制在精简,并主动使用检查点文件(如 `tasks/mission.md`)保存状态,以防上下文压缩导致信息丢失。此外,应利用夜间非高峰时段运行以避免速率限制,并通过 `--model sonnet` 降级控制成本。
在 Github 中通过创建 issue 来唤醒 claude 工作
本文详细介绍了如何通过 GitHub Actions 将 Claude AI 集成到代码仓库中,以实现通过创建或评论 issue 来触发 AI 交互的功能。实现分为两种主要路径:一是安装官方的 Claude App,操作快捷;二是创建自定义的 GitHub App,适用于组织策略限制或需要更精细权限控制的场景。核心配置步骤包括在仓库设置中添加用于认证的 Secrets(如 ANTHROPIC_API_KEY),以及创建特定的 Workflow 文件(如 claude.yml)。Workflow 文件定义了触发条件(如 issue 评论或 PR 审查中包含 @claude),并设置了严格的权限控制和安全机制,例如限定触发用户身份、对 Bash 工具使用命令前缀白名单等。文章特别强调了安全配置清单,包括使用 actor 白名单进行双重验证、最小化 permissions 授权、以及妥善管理 API 密钥,以防止未授权访问和权限滥用。最后,通过在 issue 中输入 @claude 进行验证即可确认配置是否生效。
Agent Loop 简介
LLM本身无状态,每次调用仅完成一次文本补全,但Agent Loop通过外部循环机制使其能连续执行复杂任务。该循环的核心是while结构,包含模型推理、工具调用判断、工具执行和结果回灌context四个步骤,使模型在每轮更新后的上下文中自主决策下一步动作。关键设计决策涉及终止条件(如最大步数、循环检测)、context管理(采用摘要压缩避免长度爆炸)、工具选择(原生function calling或提示词约定)、错误处理(混合策略拦截与模型自纠正)及并行优化。以开源项目learn-claude-code为例,展示了从基础loop到加入TodoWrite、子agent和context compact的演化,凸显harness代码仅是辅助模型的脚手架。Agent Loop存在局限性,如上下文窗口膨胀、工具调用幻觉、死循环和目标漂移,需通过工程组合策略缓解。随着模型能力增强,Agent Loop的未来形态可能变化,但当前仍是实现自主agent的核心架构。
个人投资的最佳实践 - 读《不落俗套的成功》
本文基于耶鲁大学投资总监大卫·F·斯文森的著作《不落俗套的成功》,探讨了个人投资者可借鉴的两大核心实践。作者结合自身经历,首先强调了资产配置与再平衡的关键性。书中提出将资产分散配置于国内股票、国外股票、房地产及不同债券等六大类,而实践中可根据可得标的(如A股、港股、债券基金等)进行调整,关键在于避免任何单一资产占比过高(如超过30%)。作者以自身追高导致亏损的教训,说明应坚持定期再平衡:在资产涨幅过大时卖出、在跌幅过大时补仓,以维持目标比例,这虽反人性但能有效控制风险。 其次,文章深入剖析了高费率基金的长期弊端。通过数十年数据及作者持有的私募基金实际案例(显示费后收益显著低于表面收益),揭示管理费与提成如何大幅侵蚀收益,尤其在市场波动中导致投资者实质亏损。基于此,作者转向低费率指数基金,并投资于少数理解其商业模式的个股。总体而言,该书通过数据论证了分散配置与规避高费率对个人投资成功的重要性。
CSPJ 教学总结:深度优先搜索(DFS)
深度优先搜索(DFS)是算法学习的基础,其核心是递归实现,需通过参数传递保存搜索状态。标准DFS模版包含终止条件、合法选项枚举、状态标记与恢复等关键步骤。实际应用中需关注递归深度对栈空间的占用,竞赛环境通常限制栈大小为8-16MB,建议递归深度控制在1万层以内以防溢出。 通过多类典型题目可深入理解DFS应用:八皇后问题通过逐行放置并检查斜线冲突实现经典搜索;选数问题采用递归枚举组合并判断素数;Lake Counting与迷宫问题利用DFS进行连通区域标记与路径探索;PERKET问题通过DFS枚举所有选菜组合计算酸度甜度差;黑白棋问题需结合多重剪枝策略(行列计数、连续检查、唯一性验证)优化搜索;自然数拆分问题则通过保证数列非递减来避免重复解。这些案例展示了DFS在组合枚举、图遍历、约束满足等场景中的灵活应用,体现了状态保存、剪枝优化等关键思想。
CSPJ 教学总结:树状数组
树状数组(Binary Indexed Tree)是一种用于高效处理动态序列单点更新与区间求和问题的数据结构。其核心思想是利用二进制表示和 lowbit 操作,构建一个辅助数组,将前缀和查询与单点更新的时间复杂度均优化至 O(log N)。文章从暴力解法的瓶颈出发,逐步剖析 lowbit 函数的原理与实现、树状数组的结构定义、求和与更新操作的具体步骤,并说明了如何通过前缀和数组将初始化复杂度降至 O(N)。进一步,文章阐述了每个树状数组元素所管辖的区间范围及其在更新与查询过程中的变化规律。此外,还介绍了树状数组与差分数组结合以处理区间更新问题、二维树状数组的扩展,以及利用树状数组求解逆序对数量的应用场景与离散化处理技巧。
GESP 202506 5级真题「奖品兑换」题解
这篇题解讲的是 GESP 2025 年 6 月五级的一道题目“奖品兑换”。题目要求用两种面值的兑换券兑换奖品,求能兑换的最大数量,数据规模高达 10^9,直接暴力枚举肯定超时,而想设计一个万无一失的贪心策略又很困难。 作者的核心解法是“二分答案+判定”。关键思路在于:兑换券数量越多,所需的另一种券就越多,满足单调性,因此可以对最大兑换数进行二分搜索。对于每一个待检验的答案 k,先按“全都用大面值券兑换”的方式计算,如果小面值券超额了,就逐步将部分兑换方案切换为使用小面值券,通过计算需要切换的次数(涉及向上取整)来判断是否在总券数内可行。 整道题综合考查了二分搜索、数学推导(包括向上取整的代码写法)以及对数据范围的敏感度。题目设计有区分度:没想到二分的同学用贪心或暴力也能拿到部分分数,而想出最优解则能全面锻炼算法思维。代码实现时还需要注意用 `long long` 防止溢出。
理解大语言模型 - 读《图解 DeepSeek 技术》
《图解 DeepSeek 技术》以图文并茂的方式,将大语言模型的核心技术难点进行了直观化解构。作者通过阅读,梳理出三个关键概念及其个人理解。首先是缩放定律,即通过增大参数量、数据量与计算量来提升模型性能,其表现符合幂律分布,与自然界的“量变引发质变”现象类似,模型在规模达到临界点后会产生“涌现”智能。其次,为突破单纯堆砌规模的局限,研究人员引入了“深度思考”模式,让模型在生成阶段消耗更多计算资源进行类似人类“慢思考”的深度推理,从而显著提升答案质量。最后,文章阐述了蒸馏技术,它允许庞大的教师模型(如DeepSeek-R1)将其推理能力迁移给更小的学生模型,这一过程好比“师徒学习”,使小模型在有限参数下也能掌握复杂思维模式,极大提升了模型的实用性和部署效率。
我对比特币的理解
这篇讲的是作者如何理解当前争议很大的比特币。文章没有直接下定论,而是用两个生动的故事作为切入点,层层剖析比特币的价值本质和价格逻辑。 作者首先通过“熊猫便便”的比喻,解释了价值如何从“局部共识”演变为“全局共识”,从而论证比特币并非“废纸”,而是一种已被部分人群认可的资产。接着,他指出其价格核心取决于交易与投资两方面的需求,并类比货币发行原理,说明了供需关系如何影响定价。 文章进一步拆解了比特币的需求来源:既有应对全球通胀的“类黄金”属性,也包含了散户投机的狂欢。作者通过一个具体的杠杆交易算账案例,直观地说明了投机的高风险,预判其长期投机属性会减弱,价格将趋于稳定。最后,文章也冷静地指出了监管政策与密码安全(包括潜在的量子计算威胁)两大核心风险。 整体来看,作者提供了一个理解比特币的系统性框架,从价值形成、定价机制到风险收益,有助于读者在狂热的市场讨论中建立自己的分析视角。
2020 年个人总结
这篇讲的是猿辅导一位技术管理者对2020年的坦诚回顾。作者从公司年内完成35亿美元融资、估值升至155亿美元的行业背景切入,分享了自己入职8周年的感触,以及如何在新业务孵化中,从熟悉的线上产品研发跨入陌生的硬件与线下内容领域。 文章的核心在于“变化中的成长”。作者详述了从建立硬件团队、学习供应商管理,到团队协作开发绘本等具体挑战,揭示了从舒适区步入“不舒适状态”后的学习曲线。同时,通过列出自己评分的15本年度读物(包括3本9分推荐),并分享股票交易“不做空”等心得,展现了在工作高压下仍坚持多维学习与复盘的个人习惯。 作者也坦诚面对了年初目标未完全达成的遗憾,比如读书数量与游泳频率。最后,他提出了更聚焦的2021年目标:每年读12本书、坚持游泳,并更加关注自身心理状态。整篇文章融合了职场成长、商业洞察与个人生活思考,勾勒出一位技术人在业务快速扩张期如何寻找平衡、沉淀价值的完整画像。
做连贯性活动 - 读《好战略,坏战略》
这篇文章从作者在微信群看到《美团清华产品课》笔记中提到《好战略,坏战略》一书开始,分享了对该书核心观点的解读。好战略的逻辑结构包括调查分析、指导方针和连贯性活动,其中连贯性活动强调战略必须落地,结合自身特点发挥优势。作者用iOS程序员的类比说明:战略发展应基于已有的“属性”和“方法”,而非随意定方向,避免历史成为包袱。 书中介绍了三种实现连贯性活动的方法:聚焦,如苹果削减产品线、Intel转型微处理器,通过收缩核心业务等待机会;转换视角,如IBM将产业链整合劣势转化为整体咨询服务优势;设计思维,强调战略应精心设计而非投票决定,以保持渐进性和资源聚焦。同时,文章列举了坏战略的特征,如空话、回避挑战、目标不落地等。 通过对比波特的竞争战略,本文从执行层面探讨了战略制定,案例丰富:苹果的成功聚焦、DEC因高管意见分散导致失败等。读者能从中理解如何识别坏战略,并借鉴具体方法制定连贯性活动,在商业挑战中发挥自身优势。
面试的艺术 - 如何面试别人
这篇讲的是,作者如何面对自己并非专家的岗位,去面试候选人。他坦言,面试是一门不完美的艺术,很难在短短几十分钟内准确判断一个人。我们能做的,是在有限时间内提高判断的正确率与召回率。 具体怎么做呢?作者的核心方法是“进行有区分度的考查”。他反对那种所有人都能答对或答错的问题。比如用算法题考察工程师的逻辑与智力,就是一种有效的区分手段。同时,面对光鲜的简历,要围绕一个项目深挖细节:问目标、问流程、问数据、问挑战。通过追问“为什么做”、“谁配合”、“最终结果如何”,能有效判断候选人是否真负责、做得好不好。 除了具体的专业技能,作者强调要关注一些基础素质,比如表达沟通能力(注意信息的“密度”)、工作热情、团队精神和学习习惯。最后,他建议将面试问题与经验标准化,形成可共享的“方法论”,并定期复盘迭代,以适应变化。 总的来说,面试不是一次性的考核,而是一个需要持续打磨和反思的技能。作者从实践出发,提供了一套可操作的框架,帮助面试官在不确定中做出更可靠的判断。
阿里巴巴的发展史 - 读《阿里铁军》
这篇讲的是作者读完《阿里铁军》后,对阿里巴巴早期发展史的梳理与思考。 文章首先勾勒了阿里的关键发展历程:从1999年创立、获得孙正义投资,到遭遇互联网泡沫时账上仅剩700万美元的生死危机。正是在绝境中诞生的“中国供应商”地推业务,凭借对出口经济窗口期的把握和一丝不苟的“陌拜”与复盘文化,意外成为了阿里的造血命脉。随后,马云在2003年力排众议布局淘宝与支付宝,以及2005年接管雅虎中国以获取关键技术人才,都被视为决定公司走向的战略节点。 作者将2001年的绝地求生和2003年的电商与支付双线布局,称为阿里的两个“创世时刻”。其核心观点在于,阿里的成功不仅是运气,更是将地推执行力、快速迭代的工作方式与坚韧的价值观(如“客户第一”)相结合的结果。文章通过分析孙正义投资、港股上市融得17亿美元为淘宝输血等具体事件,展现了资本、战略与业务执行之间的深刻互动。 对读者而言,这篇文章不仅是一部企业史,更揭示了在技术浪潮中,如何识别关键转折点、构建组织韧性,以及在“向管理要绩效”与“以业务代管理”之间寻找平衡的现实挑战。
风投是如何进行投资判断的
从腾讯投资部转身投入一线创业公司,资深投资人 Annie 的职业选择背后,藏着一个被无数创业者追问的问题:风投机构究竟如何判断一个项目?这篇文章借由她的亲身观察,为我们拆解了投资决策中那些“看不见的标尺”。 Annie 在普林斯顿大学的学术背景与在腾讯投资部的实战经验,让她练就了一套犀利的评估框架。当她深入猿辅导这家数据表现堪称优异的公司后,她发现投资判断远非数据报表那么简单。文章的核心观点在于,顶尖风投的决策往往是理性计算与感性洞察的结合体——既会严谨分析公司的增长曲线、单位经济模型与市场天花板,也会深度拷问创始团队的愿景、韧性与进化能力。 这对读者最大的启发在于,无论是创业者准备融资,还是从业者想理解资本逻辑,都不能只停留在“把故事讲好”或“把数据做漂亮”的层面。真正打动投资人的,往往是团队对业务本质的深刻理解,以及在不确定性中持续找到正确方向的证明。投资判断的本质,是在当下数据与未来可能性之间做出一道高风险的权衡题。