可视化训练的科学原理：为何过程比结果重要
文章探讨了可视化训练背后的神经科学原理。作者指出，大脑无法完全区分生动的想象与现实经历，单纯的“结果可视化”（如想象成功）会降低大脑的多巴胺需求，从而削弱行动力；而“过程可视化”（如想象具体行动步骤）则能起到免费练习的作用。文章通过哈佛钢琴实验和克利夫兰诊所的力量训练研究证明了心理训练的生理效应，并结合 Michael Phelps 的案例，说明了预演每一个细节甚至突发状况对于顶尖表现的重要性。
全部文档 / 标签: 可视化
36 篇
用 Frida 逆向解密微信收藏并生成可视化报告
文章记录了作者使用 Frida 动态调试技术逆向微信 Mac 客户端，经过 6 轮迭代攻克 SQLCipher 加密和 SIP 保护，成功提取密钥并解密 2000 条收藏数据。最终利用 Claude Code 封装为 Skill，自动生成包含 7 种图表的交互式 HTML 报告，实现了数据的结构化与可视化。
HeyGen CLI: AI Agents 的可视化层
文章介绍了 HeyGen 推出的 CLI 工具，旨在解决 AI Agent 输出仅限于文本（如 Markdown）的痛点，为 Agent 增加一个“可视化层”。通过该工具，Agent 可以直接生成视频内容，例如生成发布摘要、故障汇报或晨间简报。作者还展示了结合 OpenClaw 的个人使用场景，展望了将视觉身份与认知模型结合的未来基础设施。
使用 Claude Code 创建交互式 Playground
文章介绍了作者发布的一款名为 playground 的工具，该工具能够帮助 Claude 生成独立的 HTML Playground。这些可视化的交互环境允许用户通过非文字方式（如架构可视化、设计调整、游戏平衡等）与模型进行交互，并支持代码审查和反馈。
Claude 对话框变成了可视化工作台：Interactive Charts 实战指南
文章介绍了 Claude 的 Interactive Diagrams & Charts 功能，允许用户直接在对话框中渲染可交互的图表、动画和播放器，无需跳转或下载。作者通过六个实战场景展示了该功能的用法，包括教程可视化、数据图表生成、时序图绘制、项目甘特图制作、方案对比组件以及音频可视化。文章还分享了编写 Prompt 的技巧和注意事项，强调该功能作为快速生成可视化工具的低摩擦优势。
我复刻了 Claude 刚发布的生成式 UI 交互！
作者在 Claude 发布生成式 UI 后，利用 Code Pilot 复刻并优化了该功能。文章详细介绍了如何通过代码围栏、sandbox iframe、流式渲染等技术，实现 AI 在聊天中实时绘制交互式图表、架构图和小工具。内容涵盖了多种实用玩法及解决流式体验、视觉闪烁等技术细节的实现方案。
