Tyrosine kinase and phosphatase are two important, antagonistic enzymes in organisms. Development of noninvasive approach for sensing their activity with high spatial and temporal resolution remains challenging. Herein, we rationally designed a hydrogelator Nap-Phe-Phe(CF3)-Glu-Tyr-Ile-OH (1a) whose supramolecular hydrogel (i.e., Gel 1a) can be subjected to tyrosine kinase-directed disassembly, and its phosphate precursor Nap-Phe-Phe(CF3)-Glu-Tyr(H2PO3)-Ile-OH (1b), which can be subjected to alkaline phosphatase (ALP)-instructed self-assembly to form supramolecular hydrogel Gel 1b, respectively. Mechanic properties and internal fibrous networks of the hydrogels were characterized with rheology and cryo transmission electron microscopy (cryo-TEM). Disassembly/self-assembly of their corresponding supramolecular hydrogels conferring respective "On/Off" (19)F NMR/MRI signals were employed to sense the activity of these two important enzymes in vitro and in cell lysates for the first time. We anticipate that our new (19)F NMR/magnetic resonance imaging (MRI) method would facilitate pharmaceutical researchers to screen new inhibitors for these two enzymes without steric hindrance.