Tailoring the reaction kinetics is the central theme of designer electrocatalysts, which enables the selective conversion of abundant and inert atmospheric species into useful products. Here we show a supporting effect in tuning the electrocatalytic kinetics of oxygen reduction reaction (ORR) from four-electron to two-electron mechanism by docking metalloporphyrin-based metal-organic frameworks (MOFs) crystals on graphene support, leading to highly selective peroxide production with faradaic efficiency as high as 93.4%. A magic angle of 38.1° tilting for the co-facial alignment was uncovered by electron diffraction tomography, which is attributed to the maximization of π-π interaction for mitigating the lattice and symmetry mismatch between MOF and graphene. The facilitated electron migration and oxygen chemisorption could be ascribed to the supportive effect of graphene that disperses of the electron state of the active center, and ultimately regulates rate-determining step.