Sunny 关于 AI、Flutter、SwiftUI 与 Web Motion 的技术文章、实验和资料库。https://websun.test/https://websun.test/blog/ai-agent-state-machine-recovery/https://websun.test/blog/ai-agent-state-machine-recovery/把 Agent 循环改写成有预算、有互斥终态、可序列化暂停并能按故障类型恢复的应用状态机。Thu, 16 Jul 2026 00:00:00 GMTAgent RuntimeState MachineRecoveryHuman in the Loophttps://websun.test/blog/ai-codex-goal-verifiable-long-running-work/https://websun.test/blog/ai-codex-goal-verifiable-long-running-work/把短目标连接到仓库内长规格，以互斥文件所有权、里程碑提交、测试证据和最终清理推动可验证的长期任务。Thu, 16 Jul 2026 00:00:00 GMTCodexGoal ModeLong-running WorkVerificationhttps://websun.test/blog/ai-context-budget-compaction-memory/https://websun.test/blog/ai-context-budget-compaction-memory/将当前上下文、可恢复压缩、前缀缓存和长期记忆拆成四套语义，设计有预算、可撤销且不会把模型猜测永久化的状态系统。Thu, 16 Jul 2026 00:00:00 GMTContext WindowCompactionPrompt CachingMemoryhttps://websun.test/blog/ai-evals-continuous-regression/https://websun.test/blog/ai-evals-continuous-regression/建立版本化数据集、分层 grader、人工校准、trace 诊断和发布门禁，把模型、提示词、工具与检索变化纳入持续回归。Thu, 16 Jul 2026 00:00:00 GMTAI EvalsContinuous RegressionTrace GradingQuality Gateshttps://websun.test/blog/ai-mcp-capability-security-boundaries/https://websun.test/blog/ai-mcp-capability-security-boundaries/从 Host、Client、Server 与 resources/prompts/tools 的协议角色出发，建立服务器信任、能力过滤、OAuth、审批和输出隔离五层边界。Thu, 16 Jul 2026 00:00:00 GMTMCPOAuthTool SecurityPrompt Injectionhttps://websun.test/blog/ai-model-routing-batch-cache-cost/https://websun.test/blog/ai-model-routing-batch-cache-cost/用能力约束、离线评测、时效等级和真实 usage 设计模型路由，再把异步批处理与相同前缀缓存放到正确路径。Thu, 16 Jul 2026 00:00:00 GMTModel RoutingBatch APIPrompt CachingCost Engineeringhttps://websun.test/blog/ai-multi-agent-orchestration/https://websun.test/blog/ai-multi-agent-orchestration/从单 Agent 出发，仅在契约真正变化时拆分专家，并用明确所有权、任务账本和合并协议控制交接与重复执行。Thu, 16 Jul 2026 00:00:00 GMTMulti-AgentHandoffsOrchestrationTask Ledgerhttps://websun.test/blog/ai-multimodal-image-human-review/https://websun.test/blog/ai-multimodal-image-human-review/设计图片输入预检、结构化视觉观察、可追溯候选生成、机器校验与人工验收，让“生成成功”不再等于“可以发布”。Thu, 16 Jul 2026 00:00:00 GMTMultimodalVisionImage GenerationHuman Reviewhttps://websun.test/blog/ai-production-system-architecture/https://websun.test/blog/ai-production-system-architecture/把一次成功的模型调用拆成输入契约、编排、能力、执行、评测与体验六层，建立能上线、能回退、能解释的 AI 系统。Thu, 16 Jul 2026 00:00:00 GMTAI ArchitectureResponses APIEvalsSafetyhttps://websun.test/blog/ai-prompt-injection-data-security-audit-fallback/https://websun.test/blog/ai-prompt-injection-data-security-audit-fallback/从不可信内容到高权限工具划出可执行的信任边界，用最小权限、双阶段审批、隐私化审计、对抗评测与功能降级限制提示注入影响。Thu, 16 Jul 2026 00:00:00 GMTPrompt InjectionData SecurityAuditDefense in Depthhttps://websun.test/blog/ai-rag-evaluation-failure-analysis/https://websun.test/blog/ai-rag-evaluation-failure-analysis/构建带证据与可回答性标注的 RAG 评测集，分别测数据、召回、上下文、生成和引用，用反事实实验定位失败模块。Thu, 16 Jul 2026 00:00:00 GMTRAG EvaluationInformation RetrievalFaithfulnessFailure Analysishttps://websun.test/blog/ai-rag-retrieval-pipeline/https://websun.test/blog/ai-rag-retrieval-pipeline/从带版本和权限的文档摄取开始，设计结构化切分、稀疏与稠密召回、重排、上下文装配以及逐条可验证引用。Thu, 16 Jul 2026 00:00:00 GMTRAGInformation RetrievalRerankingCitationshttps://websun.test/blog/ai-realtime-streaming-voice-interruption/https://websun.test/blog/ai-realtime-streaming-voice-interruption/拆解实时语音的传输、断句、首段音频与播放延迟，并用可核验的游标、取消和截断语义实现自然打断。Thu, 16 Jul 2026 00:00:00 GMTRealtime APIVoiceStreamingInterruptionhttps://websun.test/blog/ai-responses-api-runtime/https://websun.test/blog/ai-responses-api-runtime/用一个可恢复的运行时模型理解 Responses API：如何选择会话状态策略、消费 SSE 语义事件，并正确闭合工具调用循环。Thu, 16 Jul 2026 00:00:00 GMTResponses APIStreamingFunction CallingState Machinehttps://websun.test/blog/ai-structured-outputs-schema-validation/https://websun.test/blog/ai-structured-outputs-schema-validation/从 Structured Outputs 的严格 Schema 到运行时状态分类和领域校验，建立不会把“可解析”误当作“可执行”的数据边界。Thu, 16 Jul 2026 00:00:00 GMTStructured OutputsJSON SchemaZodValidationhttps://websun.test/blog/ai-tool-calling-boundaries/https://websun.test/blog/ai-tool-calling-boundaries/将模型的函数调用视为待审意图，经由严格契约、服务端授权、幂等执行与审计证据后，才允许触达真实系统。Thu, 16 Jul 2026 00:00:00 GMTFunction CallingAuthorizationIdempotencyPrompt Injectionhttps://websun.test/blog/flutter-accessible-motion-widget-golden-tests/https://websun.test/blog/flutter-accessible-motion-widget-golden-tests/为 Flutter 动效设计减少动态效果分支，并用 Widget、Semantics、无障碍规则、Golden 与 VoiceOver/TalkBack 分层验证交互和视觉。Thu, 16 Jul 2026 00:00:00 GMTFlutter无障碍Widget TestGolden TestReduce Motionhttps://websun.test/blog/flutter-adaptive-responsive-cross-platform/https://websun.test/blog/flutter-adaptive-responsive-cross-platform/以可用空间、输入能力、内容密度和平台政策驱动 Flutter 布局，组织断点、导航、分栏、折叠屏和多窗口，而不是用设备名称猜界面。Thu, 16 Jul 2026 00:00:00 GMTFlutter自适应设计响应式布局跨平台LayoutBuilderhttps://websun.test/blog/flutter-animation-ticker-controller-tween/https://websun.test/blog/flutter-animation-ticker-controller-tween/拆开 Flutter 显式动画的时钟、进度、映射与渲染职责，处理生命周期、中断、可访问性和多属性编排，而不是堆叠控制器。Thu, 16 Jul 2026 00:00:00 GMTFlutterAnimationControllerTickerTween动效架构https://websun.test/blog/flutter-async-ui-error-recovery/https://websun.test/blog/flutter-async-ui-error-recovery/用数据、运行阶段、请求身份和可恢复错误建模 Flutter 异步界面，处理 FutureBuilder、刷新保留、竞态、重试、一次性副作用与全局错误边界。Thu, 16 Jul 2026 00:00:00 GMTFlutter异步 UI状态管理错误恢复FutureBuilderhttps://websun.test/blog/flutter-custom-painter-fragment-shader/https://websun.test/blog/flutter-custom-painter-fragment-shader/用 CustomPainter 管理几何与重绘边界，用 FragmentProgram 和 FragmentShader 生成像素颜色，并为交互、性能、语义和后端差异设计降级。Thu, 16 Jul 2026 00:00:00 GMTFlutterCustomPainterFragmentShaderCanvasGPUhttps://websun.test/blog/flutter-devtools-frame-budget-performance/https://websun.test/blog/flutter-devtools-frame-budget-performance/从可复现动作、profile 真机录制、UI/Raster 慢帧分类，到 CPU、布局、绘制、内存与单变量回归，建立可审计的 Flutter 性能定位流程。Thu, 16 Jul 2026 00:00:00 GMTFlutterDevTools性能分析帧预算Timelinehttps://websun.test/blog/flutter-rendering-pipeline-impeller/https://websun.test/blog/flutter-rendering-pipeline-impeller/沿着 Widget、Element、RenderObject、Layer、Scene 与 Impeller 逐层追踪一帧，建立定位 Flutter 构建、布局、绘制和栅格问题的责任地图。Thu, 16 Jul 2026 00:00:00 GMTFlutterImpeller渲染管线性能https://websun.test/blog/flutter-sliver-editorial-layout/https://websun.test/blog/flutter-sliver-editorial-layout/从 Viewport 的约束与几何协议出发，把标题、章节、列表、网格和留白编排进同一滚动叙事，同时保留懒加载、语义与滚动位置。Thu, 16 Jul 2026 00:00:00 GMTFlutterSliverCustomScrollView滚动布局编辑设计https://websun.test/blog/swiftui-canvas-shader-visual-effects/https://websun.test/blog/swiftui-canvas-shader-visual-effects/区分语义 View、Canvas 即时绘制和 SwiftUI Shader，建立可降级、可访问并能用 Instruments 验证的视觉效果管线。Thu, 16 Jul 2026 00:00:00 GMTSwiftUICanvasMetal ShaderVisualEffecthttps://websun.test/blog/swiftui-dynamic-type-voiceover-reduce-motion/https://websun.test/blog/swiftui-dynamic-type-voiceover-reduce-motion/从语义结构、可重排布局和运动替代方案出发，为 SwiftUI 建立贯穿设计、实现与测试的无障碍工程闭环。Thu, 16 Jul 2026 00:00:00 GMTSwiftUIAccessibilityDynamic TypeVoiceOverReduce Motionhttps://websun.test/blog/swiftui-instruments-cause-effect/https://websun.test/blog/swiftui-instruments-cause-effect/用 Xcode 26 SwiftUI Instrument、Cause & Effect Graph 与对照录制定位长更新、高频失效和不必要依赖。Thu, 16 Jul 2026 00:00:00 GMTSwiftUIInstrumentsCause and Effect性能分析https://websun.test/blog/swiftui-layout-protocol-custom-layout/https://websun.test/blog/swiftui-layout-protocol-custom-layout/从 SwiftUI 的尺寸协商出发，实现带缓存的流式标签布局，并处理未指定尺寸、边界原点、布局切换和常见性能陷阱。Thu, 16 Jul 2026 00:00:00 GMTSwiftUILayout自定义布局性能https://websun.test/blog/swiftui-navigationstack-deep-link-restoration/https://websun.test/blog/swiftui-navigationstack-deep-link-restoration/用轻量 Route 数组驱动 NavigationStack，把 URL 解析、业务校验、场景恢复与失效降级统一成可测试的导航状态。Thu, 16 Jul 2026 00:00:00 GMTSwiftUINavigationStackDeep Link状态恢复https://websun.test/blog/swiftui-observation-state-data-flow/https://websun.test/blog/swiftui-observation-state-data-flow/用“谁拥有、谁读取、谁写入”三个问题，建立 SwiftUI Observation 的可扩展数据流，并厘清 State、Bindable、Environment 与旧式 ObservableObject 的边界。Thu, 16 Jul 2026 00:00:00 GMTSwiftUIObservationState数据流https://websun.test/blog/swiftui-scroll-transition-performance/https://websun.test/blog/swiftui-scroll-transition-performance/用 scrollTransition 和 visualEffect 构建位置驱动视觉，同时避免 GeometryReader 写回、身份抖动与 lazy 容器估算失真。Thu, 16 Jul 2026 00:00:00 GMTSwiftUIScrollTransitionVisualEffect滚动性能https://websun.test/blog/swiftui-transaction-phase-keyframe-animation/https://websun.test/blog/swiftui-transaction-phase-keyframe-animation/从状态更新事务出发，区分普通动画、PhaseAnimator 与 KeyframeAnimator，并处理多轨时间、打断、每帧成本和 Reduce Motion。Thu, 16 Jul 2026 00:00:00 GMTSwiftUIAnimationTransactionKeyframeAnimatorhttps://websun.test/blog/web-motion-astro-view-transitions/https://websun.test/blog/web-motion-astro-view-transitions/区分浏览器原生跨文档过渡与 Astro ClientRouter，设计可回退的页面快照、脚本重挂载和精确 cleanup。Thu, 16 Jul 2026 00:00:00 GMTAstroView TransitionsClientRouterMotion Runtimehttps://websun.test/blog/web-motion-gsap-astro-client-router-lifecycle/https://websun.test/blog/web-motion-gsap-astro-client-router-lifecycle/把 GSAP context、matchMedia 与 Astro 路由事件组合成页面级动效作用域，解决重复监听、残留 ScrollTrigger 和切页后脚本失效。Thu, 16 Jul 2026 00:00:00 GMTGSAPAstroClientRouterScrollTriggerMotion Runtimehttps://websun.test/blog/web-motion-raf-observer-visibility-governance/https://websun.test/blog/web-motion-raf-observer-visibility-governance/用单一帧时钟、Intersection/Resize Observer、页面可见性和统一 cleanup 管理动效，消除离屏 RAF、布局抖动与切页泄漏。Thu, 16 Jul 2026 00:00:00 GMTrequestAnimationFrameIntersectionObserverResizeObserverPage VisibilityPerformancehttps://websun.test/blog/web-motion-rendering-easing-properties/https://websun.test/blog/web-motion-rendering-easing-properties/用渲染管线、属性成本、时间函数和可清理运行时建立 Web 动效基础，避免把 GPU、60 FPS 与 will-change 当成魔法词。Thu, 16 Jul 2026 00:00:00 GMTWeb MotionRendering PipelineCSS AnimationsWeb Animations APIPerformancehttps://websun.test/blog/web-motion-scroll-driven-progressive-enhancement/https://websun.test/blog/web-motion-scroll-driven-progressive-enhancement/区分 scroll progress 与 view progress timeline，用 @supports、静态内容和 IntersectionObserver 建立可回退的滚动动效。Thu, 16 Jul 2026 00:00:00 GMTCSSScroll-driven AnimationsScroll TimelineProgressive Enhancementhttps://websun.test/blog/web-motion-three-shader-typography-dom-fallback/https://websun.test/blog/web-motion-three-shader-typography-dom-fallback/以语义文字为基础、Three.js 着色器为增强，完整设计字形来源、纹理清晰度、交互坐标、上下文丢失、性能测量与 DOM 回退。Thu, 16 Jul 2026 00:00:00 GMTThree.jsShader TypographyWebGLProgressive EnhancementAccessibilityhttps://websun.test/blog/web-motion-variable-font-interaction-system/https://websun.test/blog/web-motion-variable-font-interaction-system/用字体轴合同、CSS 高层属性、帧合并输入和静态回退构建可读、可操作且可测量的变量字体交互。Thu, 16 Jul 2026 00:00:00 GMTVariable FontsTypographyPointer EventsCSS Fontshttps://websun.test/blog/web-motion-webgpu-capability-fallback/https://websun.test/blog/web-motion-webgpu-capability-fallback/从安全上下文、adapter、features、limits、device lost 到 WebGL/Canvas/DOM 回退，建立不依赖 UA 猜测的 WebGPU 渐进增强路径。Thu, 16 Jul 2026 00:00:00 GMTWebGPUCapability DetectionProgressive EnhancementGPUBrowser Compatibility