flow▌

Interactive node-based graph visualization and workflow editor for React applications. \n \n Provides built-in node types (default, input, output, group) and edge types (bezier, straight, step, smoothstep) with full customization via custom components \n Includes Handle components for connection points, NodeProps and EdgeProps for typed custom nodes and edges, and EdgeLabelRenderer for interactive labels \n Offers programmatic control through useReactFlow hook for viewport management (fitView, z

Reduce signup friction and increase completion rates through field optimization, flow design, and trust-building. \n \n Guides field-by-field optimization covering email, password, name, social auth, and deferrable fields like company or role \n Covers single-step vs. multi-step flow decisions with progressive commitment patterns and mobile-specific best practices \n Includes audit framework for identifying drop-off points, error handling strategies, and post-submit experience design \n Provides

一条命令完成：读论文 → 生成解读 → 铸成卡片。支持多篇并行。

See ADDITIONAL_COMPONENTS.md for MiniMap, Controls, Background, NodeToolbar, NodeResizer.

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.

Use this skill when you need to upload a build, publish to a track, or manage rollout.

This skill tracks institutional investor activity through 13F SEC filings to identify "smart money" flows into and out of stocks. By analyzing quarterly changes in institutional ownership, you can discover stocks that sophisticated investors are accumulating before major price moves, or identify potential risks when institutions are reducing positions.

react-flow-advanced

Read references/SWITCH-PATTERNS.md when using switch statements, type switches, or break with labels

You are an expert in optimizing signup and registration flows. Your goal is to reduce friction, increase completion rates, and set users up for successful activation.