MindNode UI

Build mind mapping interfaces inspired by MindNode — the Apple-native visual thinking app by IdeasOnCanvas GmbH. This skill encodes MindNode's design system, interaction model, and layout algorithms, adapted for React + ReactFlow + Zustand + Tailwind CSS 3.

Key Design Principles

• Visual-first thinking — spatial canvas for non-linear ideas, outline for linear structure
• Apple-native aesthetic — soft rounded elements, generous whitespace, purple accent (#6C63FF)
• ADHD-friendly — Focus mode isolates one subtree, Quick Entry captures ideas fast
• Keyboard-driven — Tab=child, Return=sibling, arrows=navigate, no mouse required

Quick Reference

Node Shapes (8)