From ed29210a8892775aacb0d6de7de735159f0b6f57 Mon Sep 17 00:00:00 2001
From: Idan Levi <29idan29@gmail.com>
Date: Mon, 25 Aug 2025 14:07:26 +0300
Subject: [PATCH 1/2] adding the shadCN section

---
 CONTRIBUTING.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 73e7a8ff6..602e43dcd 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -71,6 +71,19 @@ If you would like to join the efforts to improve the JSON Schema Website, we enc
 
 If you would like to contribute with designs, we encourage you to join `#design` channel in our [Slack workspace](https://json-schema.org/slack) and read the [contributing guidelines](https://github.com/json-schema-org/brand/blob/master/CONTRIBUTING.md) in the [Brand](https://github.com/json-schema-org/brand) repository.
 
+#### Using shadcn/ui Components
+
+When contributing to the website design components, we use [shadcn/ui](https://ui.shadcn.com/) for consistent, accessible UI components. Here's how to add new components:
+
+1. **First step**: Go to the [shadcn/ui website](https://ui.shadcn.com/) and search for the required components
+2. **Installation**: Run the following commands to add the component:
+   ```bash
+   corepack prepare yarn@4.4.0 --activate
+   yarn dlx shadcn@latest add [component-name]
+   ```
+   Replace `[component-name]` with the actual component name
+
+
 ### 🚀 Contributing to CI/CD Pipeline
 
 If you would like to contribute to our CI/CD pipeline, we encourage you to review our current setup in the [workflows README](https://github.com/json-schema-org/website/blob/main/.github/workflows/README.md).

From c6f5b8d265c8b2f110fe62a126c167e9a2dd1945 Mon Sep 17 00:00:00 2001
From: Idan Levi <29idan29@gmail.com>
Date: Mon, 25 Aug 2025 14:15:30 +0300
Subject: [PATCH 2/2] final touch

---
 CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 602e43dcd..a42fbb7e9 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -81,7 +81,7 @@ When contributing to the website design components, we use [shadcn/ui](https://u
    corepack prepare yarn@4.4.0 --activate
    yarn dlx shadcn@latest add [component-name]
    ```
-   Replace `[component-name]` with the actual component name
+   Replace `[component-name]` with the actual component name, This should work across all devices. When creating a new component, please also update the corresponding test files
 
 
 ### 🚀 Contributing to CI/CD Pipeline