Two dimensional (2D) conductive metal-organic frameworks (c-MOFs) with intrinsically electrical conductivity and framework structure have been considered as promising electrode materials for flexible and transparent energy storage devices. However, balancing electrochemical property and optical transmittance remains challenging. To address this issue, a strategy of dual-metal-sites 2D c-MOFs is proposed to expand 2D Cu-MOF to nanorod-combined 2D CuNi-HHTP (HHTP = 2, 3, 6, 7, 10, 11-hexahydroxy-triphenylene) with improved ions and charge transport to redox species for faraday reactions in micro-supercapacitors (MSCs). Density functional theory (DFT) calculations reveal that the incorporation of Ni can optimize the insertion of pseudocapacitive cation (K+) on dual-metal sites, significantly enhancing electron transfer during the charge-storage process. Furthermore, a facile laser-scribing technique is adopted for the fabrication of interdigital architecture, serving as transparent platforms with exceptional optoelectronic properties. As a result, the CuNi-HHTP MSC displays high optical transmittance (over 80%), ultrahigh areal capacitance (28.94 mF cm-2), energy density (1.45 μW cm-2), power density (61.38 mW cm-2) and decent cycle stability (over 5000 cycles). This work offers a means of rationally designing of 2D c-MOFs for the advancement of flexible transparent portable electronics.