wangzi6224

专注讲解如何使用 useXChat Hook，包括自定义 Provider 的集成、消息管理、错误处理、多会话管理等

当需要用 @ant-design/x-card 让 AI Agent 动态渲染富交互 UI 时使用——涵盖 XCard.Box、XCard.Card、A2UI v0.9 命令、数据绑定、Catalog、Actions 和流式渲染模式。

专注于自定义 Chat Provider 的实现，帮助将任意流式接口适配为 Ant Design X 标准格式

使用 @ant-design/x 组件库构建 AI 对话 UI 时使用 —— 涵盖 Bubble、Sender、Conversations、Prompts、ThoughtChain、Actions、Welcome、Attachments、Sources、Suggestion、Think、FileCard、CodeHighlighter、Mermaid、Folder、XProvider 和 Notification。

当任务涉及 @ant-design/x-markdown 的 Markdown 渲染、流式输出、自定义组件映射、插件、主题或聊天富内容展示时使用。

专注讲解如何使用 useXChat Hook，包括自定义 Provider 的集成、消息管理、错误处理、多会话管理等

当需要用 @ant-design/x-card 让 AI Agent 动态渲染富交互 UI 时使用——涵盖 XCard.Box、XCard.Card、A2UI v0.9 命令、数据绑定、Catalog、Actions 和流式渲染模式。

专注于自定义 Chat Provider 的实现，帮助将任意流式接口适配为 Ant Design X 标准格式

Orchestrate this site's one-shot cinematic scroll with GSAP 3.15 ScrollTrigger + Lenis — pin the stage, scrub 12 acts, reveal text by line/word, and feed a single scroll progress scalar to the Three.js canvas. Use when writing lib/scroll/useCinematicScroll.ts, CinematicStory act timelines, or any scroll-linked reveal. Enforces the transform/opacity-only, single-rAF, reduced-motion rules.

PixiJS v8 for fast 2D WebGL — kept as a fallback/degrade tool for this site (Three.js owns the primary 3D canvas). Use when a cheap 2D fluid background, particle field, or a flat 2D projection of the 需求图谱 is needed on mobile / low-power / reduced-motion paths, or if a 2D layer is ever preferred over 3D. Covers v8 async init, particle/graphics batching, ticker整合, and the site's teal material language + 60fps rules.

Build and tune Three.js (r185) WebGL scenes for this site — the single fixed full-screen canvas that morphs 流体场 → Requirement Core → 3D 需求图谱 → 生命周期轨道. Use when writing anything under components/webgl/ (RequirementCanvas, graph, shaders), driving uniforms/camera from scroll progress, or hitting the 60fps bar. Covers instanced force-directed graphs, GLSL fluid, DPR/perf discipline, React 19 + Next 16 client-component integration, and reduced-motion/mobile degrade.