update

Signed-off-by: Zihan Kuang <zihan_kuang@outlook.com>

Author: zihanKuang

content/en/kanvas/designer/understand-component-badges/index.md

@@ -1,4 +1,4 @@
----
+<!-- ---
 title: xxx Component Badges
 description: >
 Learn to interpret component badges, the small visual indicators that provide at-a-glance information about a component's status in both Designer and Operator modes.
@@ -7,6 +7,8 @@ categories: [Designer]
 tags: [designs]
 ---
 
+(understand 感觉用的太多了，有别的吗)
+
 Ever wondered what those little icons in the corners of your components are? Think of them as your component's real-time status display. These indicators, called **badges**, give you at-a-glance information about everything from configuration errors to live performance.
 
 What a badge tells you depends on your current mode: **Designer** or **Operator**. This guide will walk you through how to read and use them effectively in both contexts.
@@ -105,4 +107,4 @@ best pracitse：
 
 
 
-
+ -->

content/en/kanvas/designer/understanding-edges/index.md

@@ -104,4 +104,17 @@ The "Marching-ants" animation effect can be added to any edge to:
 
 {{< alert title="Learn More About Interpreting Designs" type="info" >}}
 To learn how to interpret and understand designs in practice, including how components work together in a design, visit our comprehensive guide in the [Layer5 Academy](https://cloud.layer5.io/academy/learning-paths/mastering-meshery/introduction-to-meshery?chapter=interpreting-meshery-designs).
+{{< /alert >}}
+
+
+{{< alert type="info" title="Learn More About Interpreting Designs"  >}}
+To learn how to interpret and understand designs in practice, including how components work together in a design, visit our comprehensive guide in the [Layer5 Academy](https://cloud.layer5.io/academy/learning-paths/mastering-meshery/introduction-to-meshery?chapter=interpreting-meshery-designs).
+{{< /alert >}}
+
+{{< alert type="note" title="Component Shape Guide" >}}
+To learn more about the usage of shapes and why specific shapes were chosen for Kubernetes resources, see the [Component Shape Guide](https://docs.meshery.io/extensions/component-shape-guide).
+{{< /alert >}}
+
+{{< alert type="note" title="Kubernetes Components Categories" >}}
+These categories also serve as a guide for users customizing Kubernetes components. By using these established shapes and icons as a reference, you can ensure that your customizations maintain semantic meaning and align with the existing representations, helping to preserve clarity and consistency in your designs.
 {{< /alert >}}