1. Introduction
Transparent supercapacitors (TSCs) combine high capacitance and optical transparency, making them highly promising for applications in portable electronic devices, smart windows, and displays [
1,
2,
3,
4]. Typically, the core components of TSCs include transparent electrolytes, transparent current collectors (such as indium tin oxide, ITO), and transparent electrode materials. Among these, electrode materials play a critical role in determining the performance and transparency of the device. However, the development of transparent electrodes has been hindered by two main challenges: (i) the capacitance of materials is inversely related to their transparency, meaning that achieving high transparency often compromises capacitance performance, and (ii) current material systems face significant limitations in terms of environmental sustainability, cost of preparation, and large-scale manufacturability. For instance, the widely used ITO is dependent on limited indium resources and difficult to recycle, making it unsuitable for larger-scale applications. In recent years, nanomaterials such as MXene, graphene, carbon nanotubes (CNTs), and metal nanowires have shown excellent performance in terms of conductivity and mechanical flexibility [
5,
6,
7,
8,
9,
10,
11]. However, their synthesis often relies on hazardous etchants (such as hydrofluoric acid) or complex vapor deposition techniques, leading to high costs and significant environmental concerns. Therefore, the development of scalable fabrication strategies that simultaneously optimize transparency, electrochemical performance, environmental sustainability, and cost-effectiveness remains a critical challenge in advancing transparent energy storage technologies.
In this context, biomass-derived carbon materials have attracted considerable research interest due to their sustainability, tunable structural properties, and inherent conductivity [
12,
13,
14]. Silk, a natural protein fiber composed of fibroin and sericin, features a distinctive
β-sheet structure that can transform into graphite-like carbon layers during high-temperature carbonization. Compared to petroleum-based carbon fibers, silk-based carbon fibers originate from abundant, renewable raw materials, and their carbonization process does not require complex catalysts, presenting significant environmental advantages. However, directly carbonized silk fibers typically exhibit a low specific surface area and limited surface chemical activity, which constrains their ability to achieve the energy density required for high-performance energy storage devices [
13]. Therefore, optimizing the electrochemical activity of silk-derived carbon materials through structural engineering and surface modification strategies, while preserving their high transparency and mechanical flexibility, has emerged as a critical research focus in this field.
In recent years, metal–organic complexes have shown distinct advantages as precursors for functional carbon materials [
15,
16,
17,
18]. By selecting specific metal centers (e.g., Co and Fe) and nitrogen-/sulfur-containing organic ligands (such as imidazole and thiourea), the pore structure, heteroatom doping types, and surface functional group distribution of the carbonized products can be finely tuned at the molecular level. For instance, cobalt-based complexes can generate metal nanoparticles in situ during high-temperature pyrolysis, and their “catalytic graphitization” effect can promote the formation of highly conductive graphene-like domains within the carbon matrix. Simultaneously, the templating effect of these nanoparticles induces a hierarchical porous structure, thereby enhancing the material’s specific surface area and ion transport properties. Moreover, nitrogen species released during complex decomposition can be incorporated into the carbon framework as pyridinic and pyrrolic nitrogen, introducing electrochemically active sites. This integrated “structure–function” design presents a novel strategy for developing high-performance transparent electrodes.
Based on the above analysis, this study presents an innovative strategy that leverages natural silk fibroin as a flexible substrate for the in situ growth of cobalt-imidazole complexes, followed by a controlled carbonization process to fabricate porous carbon-modified transparent silk carbon fiber meshes (TFCs). This design capitalizes on the intrinsic mesh structure of silk fibers (inter-fiber spacing ~300 μm) to achieve high optical transparency (>65%), while cobalt-catalyzed carbonization induces the formation of a nanographene/mesoporous carbon composite layer on the fiber surface and increases the specific surface area (570 m2/g). Electrochemical evaluations demonstrate that the TFC-based transparent all-solid-state supercapacitor achieves an aerial capacitance of 9.65 mF/cm2 at a scan rate of 0.01 V/s, with a capacitance retention of 89% after 2000 cycles at 0.5 V/s. Notably, the entire fabrication process is free from precious metal catalysts or complex instrumentation, offering a scalable and cost-effective approach for the mass production of transparent energy storage devices. This study provides theoretical and technical insights into overcoming the long-standing trade-offs among transparency, electrical conductivity, and capacitance in transparent electrodes.
3. Results and Discussion
Figure 1 shows a schematic illustration of the fabrication process for the porous carbon-modified transparent flexible carbon mesh (TFC). The antiparallel
β-sheet conformation represents the most stable structure within silk fibroin molecules. The polar functional groups present in this structure, such as hydroxyl (-OH) and carboxyl (-COOH), facilitate the adsorption of metal ions through electrostatic interactions. Additionally, -NH
2 groups can coordinate with metal ions, forming stable chelates [
12]. During the synthesis process, the transparent silk mesh was initially immersed in an aqueous Co(NO
3)
2 solution, allowing the silk fiber surface to fully adsorb Co
2+ ions. Subsequently, the material was transferred into an imidazole solution, where Co
2+ reacted with imidazole molecules on the silk fiber surface, leading to the in situ formation of hexa-imidazole cobalt nitrate. Finally, the as-prepared composite underwent high-temperature pyrolysis, yielding the TFC network. As shown in
Figure S1, the silk mesh loaded with the coordination complex exhibited a color transition from off-white to purple while retaining its optical transparency, confirming the successful adsorption and complexation of cobalt species.
To investigate the physicochemical properties of the coordination complex, samples were initially prepared without deposition onto the silk mesh.
Figure 2a shows the SEM image of the independently prepared coordination complex, revealing a nano-/micro-spherical morphology with nanosheet diameters of approximately 3 μm.
Figure 2b displays the XRD pattern of the coordination complex. It was observed that the peaks containing the CoN
6 coordination site corresponded to the theoretical powder diffraction pattern of hexa-imidazole cobalt nitrate [Co(C
3H
4N
2)
3](NO
3)
2), as derived from the CIF data (CCDC-1142518) [
19]. The thermal decomposition characteristics of [Co(C
3H
4N
2)
3](NO
3)
2) are analyzed in
Figure 2c,d, which depict the thermogravimetric (TG) and differential scanning calorimetry (DSC) curves. Three distinct thermal decomposition stages are evident. The first endothermic stage, occurring between 50 °C and 100 °C, corresponds to a 3% mass loss due to the removal of adsorbed water. The second exothermic stage begins at 200 °C, with the most significant mass loss (~20%) occurring at 300 °C, likely attributed to the decomposition of nitrate anions and partial oxidation of the imidazole ligand. The third endothermic stage initiates at 490 °C, reaching a maximum mass loss of 60% at 520 °C, corresponding to the complete decomposition of the organic framework and concurrent partial carbonization. Beyond 800 °C, the mass stabilizes, indicating the cessation of further thermal degradation, primarily due to the completion of carbonization reactions. Based on this thermal decomposition analysis, the heat treatment temperature was set at 900 °C, ensuring the complete carbonization of both [Co(C
3H
4N
2)
3](NO
3)
2) and the silk mesh.
In this study, the silk mesh successfully retains its original woven structure after carbonization, enabling its use as a substrate material for transparent electronic devices.
Figure S2a shows the optical and SEM images of the pristine silk mesh, which consists of perpendicularly woven silk fibers with an average inter-fiber spacing of approximately 300 μm (
Figure S2b). The inherent transparency of the silk mesh is attributed to these large inter-fiber gaps, which facilitate the transmission of visible light. After carbonization, the carbon fiber mesh preserves the original woven architecture of the silk fabric, with a ~50% reduction in area (
Figure S2c). The inter-fiber spacing contracts to 150 μm, and the fiber diameter decreases to 30–40 μm, while transparency remains effectively maintained. However, carbon fibers derived directly from silk fibers exhibit relatively smooth surfaces and a limited specific surface area, constraining their electrochemical capacitance [
20]. Therefore, to enhance the capacitive performance of the material, surface modification strategies are required to introduce structural features that improve ion accessibility and charge storage capability.
Figure 3a shows the optical image of the silk mesh after heat treatment, loaded with [Co(C
3H
4N
2)
3](NO
3)
2). The carbon mesh maintains excellent transparency and flexibility after heat treatment.
Figure 3b shows the SEM image of the prepared sample, where the carbon fibers maintain the structure of the silk mesh and the surface has become relatively rough.
Figure 3c presents a partial enlargement of the carbon fibers, revealing flake-like structures approximately 1 μm in length and 200 nm in width. Additionally, uniformly dispersed spherical nanoparticles with diameters ranging from 20 to 30 nm are embedded within these flake-like structures. The XRD pattern of the as-prepared sample (
Figure S3) exhibits characteristic diffraction peaks at 2θ = 42°, 53°, and 75°, corresponding to the (111), (200), and (220) crystal planes of metallic cobalt. This confirms that during high-temperature calcination, Co
2+ ions undergo in situ reduction to form metallic cobalt nanoparticles, in agreement with the structural features observed in the SEM images (
Figure 3c). Following the removal of metallic cobalt nanoparticles via hydrochloric acid etching,
Figure 3d reveals the porous morphology of the flake-like carbon. The formation of numerous small pores upon cobalt removal highlights the template effect of metal nanoparticles, which contributes to increased surface area and improved ion accessibility.
To minimize the influence of carbon derived from the silk mesh, the prepared TFC underwent ultrasonic treatment during testing, enabling the separation of carbon from the metal–organic complex for further analysis.
Figure 3e presents the Raman spectrum of the prepared samples. The characteristic peaks at 1580 cm
−1 (G-band) and 1350 cm
−1 (D-band) correspond to crystalline sp
2 carbon and structural defects, respectively [
21,
22,
23]. At 2750 cm
−1, a relatively broad 2D band is observed, suggesting that the carbon fibers have a multi-layer graphene-like structure. These findings confirm that the carbon derived from [Co(C
3H
4N
2)
3](NO
3)
2) exhibits nanographene-like properties, making it suitable as an electrode material for supercapacitors. It is well known that N-doped carbon materials exhibit superior electrical conductivity, increased active sites, and enhanced charge storage properties. Therefore, further analysis of the N1s spectra provides insights into the functional roles of nitrogen species within the material. As depicted in
Figure 3f, the N1s spectrum can be fitted with three peaks at 398.8 eV, 400.5 eV, and 401.3 eV, corresponding to pyridinic N (N-6), pyrrolic N (N-5), and graphitic N (NQ), respectively [
24,
25,
26]. These results confirm the successful nitrogen doping of the carbon framework, which is advantageous for improving capacitive performance.
TEM images further confirm that the pores are uniformly distributed across the carbon sheet, with sizes ranging from 20 to 30 nm, consistent with the SEM results (
Figure 4a,b). These mesopores contribute to an increased specific surface area, thereby enhancing capacitance. High-resolution TEM (HRTEM) images (
Figure 4c,d) reveal that the carbon samples exhibit a high degree of graphitization. In
Figure 4c, the red dashed region corresponds to graphitic domains with an interlayer spacing of ~0.37 nm, slightly larger than that of bulk graphite (0.335 nm). In
Figure 4d, the pink dashed box highlights the presence of mesopores with diameters ranging from 3 to 6 nm, likely resulting from the removal of metal cobalt. These metallic cobalt nanoparticles were formed through the thermal reduction of Co
2+ in [Co(C
3H
4N
2)
3](NO
3)
2). The specific surface area and pore size distribution of the synthesized porous carbon materials were examined through N
2 isothermal adsorption–desorption analysis.
Figure 4e displays the N
2 adsorption–desorption isotherm of the sample, characterized by a type IV profile. A pronounced H
2-type hysteresis loop appears in the medium-pressure region, signifying that the derived carbon possesses a hierarchical porous structure composed of both micropores and mesopores [
27,
28]. Moreover, the sharp rise in adsorption capacity at low pressure indicates the presence of microporous structures. The Brunauer–Emmett–Teller (BET) model was employed to determine the specific surface area, which was found to be 570 m
2 g
−1, with dominant pore size distributions at 2 nm and 25 nm. Based on these findings, a formation mechanism is proposed (
Figure 4f inset). During pyrolysis, the Co
2+–imidazole coordination bonds break, leading to the reduction of Co
2+ ions into metallic Co atoms by carbon. These Co atoms then aggregate into Co nanoparticles (~5 nm in diameter) to minimize surface energy. The formation of cobalt nanoparticles acts as a catalyst, promoting the graphitization of carbon. As the heat treatment progresses, cobalt nanoparticles further agglomerate into larger particles (~20–30 nm), ultimately leading to the development of graphite-like carbon with a hierarchical porous structure.
In this study, a laser was employed to pattern the TFC electrode due to its multiple advantages: (1) maximizing electrode transparency, as parallel-plate capacitors require a stack of two TCFs and (2) enabling integrated manufacturing, which simplifies the fabrication process.
Figure 5a illustrates the fabrication process of the transparent device. The synthesized transparent carbon mesh was laser-cut into an interdigitated electrode pattern, followed by the polymerization of a gel electrolyte directly onto the electrode surface under UV light exposure. The resulting electrode had an effective area of approximately 2 cm
2 (
Figure 5b).
Figure 5c displays the dimensions of the interdigitated electrodes, with a length of 1 cm, a width of 1.2 mm, and an interelectrode spacing of ~150 μm. The fabricated capacitor exhibited high transparency, allowing clear visibility of text behind the device (
Figure 5d). To quantitatively assess the optical transparency of the synthesized materials and fabricated devices, UV-Vis spectroscopy was conducted. As shown in
Figure 5e, the pristine silk mesh exhibits a transmittance of 60% in the visible light range (350–800 nm, black line), slightly lower than that of the synthesized transparent carbon mesh electrode material (red line). After fabrication into a transparent capacitor, the transmittance further increases to ~65%, confirming the excellent optical properties of the device (blue line).
To evaluate the electrochemical performance of the prepared transparent device, we conducted cyclic voltammetry (CV) and constant-current charge–discharge (GCD) tests.
Figure 6a displays the CV curves under different scan rates (0.01–0.1 V/s) within the 0–1 V voltage range. At scan rates of 0.01 V/s and 0.02 V/s, the CV curves show an almost rectangular shape with high symmetry, with capacitances of 9.65 mF/cm
2 and 7.57 mF/cm
2, respectively. This demonstrates that the prepared transparent electrodes possess very good performance. At scan rates of 0.05 V/s and 0.1 V/s, the CV curves exhibit a symmetric fusiform shape, with capacitances of 4.2 mF/cm
2 and 7.5 mF/cm
2, respectively, also showing good capacitance performance.
Figure 6b displays the CV curves of the transparent electrode without porous carbon loading. It can be observed that the curves show a thin narrow strip at different scan rates, indicating poor capacitance performance.
Figure 6c displays the CP (chronopotentiometry) curves of the fabricated transparent device. As shown, the electrode material loaded with porous carbon exhibits a low voltage drop, indicating efficient charge–discharge behavior even at a current density of 0.2 mA/cm
2. It was observed that the non-symmetry becomes more pronounced at lower current densities, which can be attributed to slower ion transport and a higher contribution from parasitic redox processes, including side reactions related to surface cobalt species. At higher current densities, these effects are suppressed due to the limited time for such reactions to occur, resulting in relatively improved symmetry. In contrast, the electrode without porous carbon shows a higher voltage drop and lower capacitance at a lower current density of 0.1 mA/cm
2 (
Figure 6d).
Figure 6e shows the CV curves and the capacitance retention profile of the TFSC at a scan rate of 0.5 V/s. After 2000 charge–discharge cycles, the TFSC retains 89% of its initial capacitance, demonstrating excellent long-term electrochemical stability. Although the electrode material without porous carbon also exhibits reasonable cycling stability, it delivers a significantly lower capacitance (
Figure 6f). As shown in
Figure S4, the porous structure of the carbon material remains largely intact, with no significant collapse or degradation observed. The morphology of the carbon fibers and the distribution of pores are well-preserved, demonstrating the mechanical robustness and structural stability of the electrode during prolonged electrochemical operation. This result correlates well with the electrochemical data.
Using nitrogen-doped graphene as a model, the adsorption characteristics of Li and Cl atoms on the surface of carbon materials were investigated (
Figure 7). Nitrogen doping in graphene primarily occurs in three forms: pyridinic N (N-6), pyrrolic N (N-5), and graphitic N (NQ). The adsorption energies of Li atoms on pyridinic N and pyrrolic N were found to be −5.536 eV and −5.442 eV, respectively. In contrast, the adsorption energies of Li atoms in undoped graphene and on graphitic nitrogen are relatively lower. This suggests that nitrogen doping at defect sites significantly enhances the adsorption strength of Li atoms. Conversely, the adsorption energy of Cl atoms on all three types of nitrogen is substantially reduced, indicating that the adsorption strength of Cl atoms is primarily influenced by the nitrogen element. The adsorption energy calculations for Li and Cl atoms show that porphyrin nitrogen is particularly favorable for atomic adsorption. If the content of porphyrin nitrogen can be increased during the material preparation process, it could further enhance the electrochemical performance of the electrode material [
29,
30].