diff --git a/!/root/github-trending-day.svg b/!/root/github-trending-day.svg
new file mode 100644
index 0000000..218d2b6
--- /dev/null
+++ b/!/root/github-trending-day.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 250 53" width="250" height="55" data-date-format="longDate">
+    <rect xmlns="http://www.w3.org/2000/svg" stroke="#4a0e99" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="249" height="53" rx="10"/>
+    <foreignObject width="198" height="17" style="font-size: 9px;color: rgb(67, 39, 135);font-family: Arial;font-weight: 400;text-align: center;letter-spacing: 0em;line-height: 1.5;" x="6" y="10" selection="true">
+      <div xmlns="http://www.w3.org/1999/xhtml">GITHUB TRENDING</div>
+    </foreignObject>
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="&#x421;&#x43B;&#x43E;&#x439;_1" viewBox="0 0 80 80" width="48" height="45" x="10" y="8">
+  <path fill="#49278e" d="M70.71,40.31C75.74,44.3,80,37.86,80,37.86s-5.64-2.17-8.55,0.61c0.59-1.62,1.02-3.31,1.28-5.01  c4.08,2.16,6.44-2.95,6.44-2.95s-4.41-0.97-6.26,1.4c0.08-0.91,0.12-1.82,0.1-2.73c-0.01-0.36-0.02-0.73-0.05-1.09  c2.96-3.68-1.73-6.99-1.73-6.99s-2.14,5.09,0.98,7.09c0.02,0.33,0.03,0.66,0.03,1c0.01,0.76-0.03,1.52-0.1,2.27  c-0.85-2.69-4.91-3.69-4.91-3.69s-0.13,5.78,4.68,5.48c-0.28,1.69-0.73,3.35-1.34,4.95c-0.19-4.03-5.79-6.33-5.79-6.33  s-1.33,7.55,5.01,8.16c-0.38,0.8-0.8,1.57-1.25,2.32c-0.56,0.95-1.21,1.84-1.89,2.71c0.97-3.99-3.96-7.72-3.96-7.72  s-3.18,6.94,2.73,9.15c-0.38,0.43-0.8,0.81-1.2,1.21c-0.21,0.2-0.43,0.38-0.64,0.58l-0.32,0.29c-0.11,0.09-0.22,0.18-0.33,0.27  l-0.67,0.54l-0.7,0.51c-0.08,0.05-0.16,0.11-0.23,0.16c1.62-3.42-2.07-7.77-2.07-7.77s-4.21,5.55,0.49,8.78  c-1.34,0.79-2.74,1.45-4.2,1.98c1.91-2.59-0.23-6.89-0.23-6.89s-4.66,3.77-1.52,7.46c-1.15,0.33-2.33,0.57-3.51,0.74  c1.46-1.68,0.55-4.83,0.55-4.83s-3.7,2.03-2.18,5c-0.52,0.03-1.05,0.07-1.57,0.06c-0.29,0-0.57,0.01-0.86,0l-0.86-0.04  c-0.85-0.06-1.7-0.15-2.54-0.28l0.68-0.27l0.42-0.17l0.41-0.19l0.82-0.38c0,0,0.01,0,0.01,0c0.39-0.18,0.55-0.65,0.37-1.03  c-0.18-0.39-0.65-0.55-1.03-0.37l-0.04,0.02l-0.77,0.37l-0.39,0.18l-0.39,0.16l-0.79,0.33l-0.8,0.29l-0.4,0.14l-0.41,0.12L40,53.6  l-0.51-0.15l-0.41-0.12l-0.4-0.14l-0.8-0.29l-0.79-0.33l-0.39-0.16l-0.39-0.18l-0.77-0.37l-0.04-0.02c0,0,0,0-0.01,0  c-0.39-0.18-0.85-0.01-1.03,0.38c-0.18,0.39-0.01,0.85,0.38,1.03l0.82,0.38l0.41,0.19l0.42,0.17l0.68,0.27  c-0.84,0.14-1.69,0.22-2.54,0.28l-0.86,0.04c-0.29,0.01-0.57,0-0.86,0c-0.53,0.01-1.05-0.03-1.57-0.06c1.51-2.98-2.18-5-2.18-5  s-0.92,3.15,0.55,4.83c-1.19-0.16-2.36-0.41-3.51-0.74c3.15-3.7-1.52-7.46-1.52-7.46s-2.14,4.31-0.23,6.89  c-1.46-0.53-2.86-1.19-4.2-1.98c4.7-3.22,0.49-8.78,0.49-8.78s-3.69,4.34-2.07,7.77c-0.08-0.05-0.16-0.1-0.23-0.16l-0.7-0.51  l-0.67-0.54c-0.11-0.09-0.23-0.18-0.33-0.27l-0.32-0.29c-0.21-0.19-0.43-0.38-0.64-0.58c-0.4-0.4-0.82-0.79-1.2-1.21  c5.91-2.21,2.73-9.15,2.73-9.15s-4.93,3.73-3.96,7.72c-0.68-0.86-1.33-1.76-1.89-2.71c-0.46-0.75-0.87-1.53-1.25-2.32  c6.33-0.61,5.01-8.16,5.01-8.16s-5.6,2.31-5.79,6.33c-0.61-1.6-1.06-3.26-1.34-4.95c4.81,0.3,4.68-5.48,4.68-5.48  s-4.05,0.99-4.91,3.69c-0.07-0.76-0.1-1.51-0.1-2.27c0-0.33,0.01-0.66,0.03-1c3.11-2.01,0.98-7.09,0.98-7.09s-4.69,3.31-1.73,6.99  C7,28.46,6.99,28.82,6.98,29.18c-0.02,0.91,0.01,1.82,0.1,2.73c-1.84-2.38-6.26-1.4-6.26-1.4s2.37,5.11,6.44,2.95  c0.26,1.71,0.69,3.39,1.28,5.01C5.64,35.69,0,37.86,0,37.86s4.26,6.43,9.29,2.45c0.39,0.87,0.83,1.72,1.31,2.54  c0.47,0.83,1.01,1.63,1.58,2.4C8.71,43.7,4.11,47,4.11,47s5.7,5.1,9.56,0.08c0.04,0.04,0.07,0.08,0.11,0.12  c0.39,0.45,0.82,0.87,1.24,1.3c0.21,0.21,0.44,0.41,0.66,0.61l0.33,0.3c0.11,0.1,0.23,0.19,0.34,0.29l0.69,0.57l0.23,0.17  c-3.34-0.34-6.58,3.29-6.58,3.29s6.19,3.47,8.69-1.83c1.2,0.75,2.47,1.41,3.78,1.96c-2.76,0.6-4.62,4.13-4.62,4.13  s5.89,1.62,6.98-3.26c1.03,0.32,2.07,0.58,3.13,0.78c-1.63,0.99-2.39,3.38-2.39,3.38s4.31,0.39,4.61-3.07  c0.07,0.01,0.14,0.02,0.21,0.02c0.6,0.04,1.2,0.1,1.8,0.09c0.3,0,0.6,0.02,0.9,0.01l0.9-0.03c1.2-0.07,2.41-0.18,3.59-0.42  l0.45-0.08c0.15-0.03,0.29-0.07,0.44-0.1L40,55.13l0.81,0.19c0.15,0.03,0.29,0.07,0.44,0.1l0.45,0.08c1.18,0.23,2.39,0.35,3.59,0.42  l0.9,0.03c0.3,0.01,0.6-0.01,0.9-0.01c0.6,0,1.2-0.06,1.8-0.09c0.07-0.01,0.14-0.02,0.21-0.02c0.31,3.45,4.61,3.07,4.61,3.07  s-0.76-2.39-2.39-3.38c1.06-0.2,2.11-0.46,3.13-0.78c1.09,4.88,6.98,3.26,6.98,3.26s-1.86-3.52-4.62-4.13  c1.31-0.55,2.57-1.21,3.78-1.96c2.5,5.3,8.69,1.83,8.69,1.83s-3.24-3.63-6.58-3.29l0.23-0.17l0.69-0.57  c0.11-0.1,0.23-0.19,0.34-0.29l0.33-0.3c0.22-0.2,0.45-0.4,0.66-0.61c0.42-0.43,0.85-0.84,1.24-1.3c0.03-0.04,0.07-0.08,0.11-0.12  C70.19,52.1,75.89,47,75.89,47s-4.6-3.31-8.08-1.75c0.57-0.77,1.11-1.56,1.58-2.4C69.88,42.03,70.31,41.18,70.71,40.31z"/>
+  </svg>
+    <foreignObject width="230" height="35" style="font-size: 14px;color: rgb(67, 39, 135);font-family: Arial;font-weight: 700;text-align: left;letter-spacing: 0em;line-height: 1.5;" x="64" y="24">
+      <div xmlns="http://www.w3.org/1999/xhtml">#1 Repository Of The Day</div>
+    </foreignObject>
+    <foreignObject width="141" height="36" style="font-size: 18px;color: rgb(74, 14, 153);font-family: Arial;font-weight: 400;text-align: center;letter-spacing: 0em;line-height: 1.5;" x="-36" y="9">
+      <div xmlns="http://www.w3.org/1999/xhtml">1</div>
+    </foreignObject>
+  </svg>
\ No newline at end of file
diff --git a/!/root/social-preview.svg b/!/root/social-preview.svg
new file mode 100644
index 0000000..800557c
--- /dev/null
+++ b/!/root/social-preview.svg
@@ -0,0 +1,88 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640">
+  <!-- Background -->
+  <rect width="1280" height="640" fill="#ffffff"/>
+
+  <!-- Subtle grid pattern -->
+  <defs>
+    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#f0f0f0" stroke-width="0.5"/>
+    </pattern>
+  </defs>
+  <rect width="1280" height="640" fill="url(#grid)"/>
+
+  <!-- Top accent line -->
+  <rect x="0" y="0" width="1280" height="4" fill="#E07C4C"/>
+
+  <!-- Title -->
+  <text x="640" y="160" text-anchor="middle" font-family="'Segoe UI',Helvetica,Arial,sans-serif" font-size="64" font-weight="700" fill="#1a1a1a" letter-spacing="-1">claude-code-best-practice</text>
+
+  <!-- Tagline -->
+  <text x="640" y="210" text-anchor="middle" font-family="'Segoe UI',Helvetica,Arial,sans-serif" font-size="24" fill="#666" font-style="italic">practice makes claude perfect</text>
+
+  <!-- Badges row -->
+  <!-- Best Practice badge -->
+  <g transform="translate(270, 250)">
+    <rect width="110" height="26" rx="3" fill="#e3342f"/>
+    <text x="55" y="17" text-anchor="middle" font-family="Verdana,Geneva,sans-serif" font-size="12" fill="#fff">Best Practice</text>
+  </g>
+
+  <!-- Implemented badge -->
+  <g transform="translate(392, 250)">
+    <rect width="100" height="26" rx="3" fill="#38a169"/>
+    <text x="50" y="17" text-anchor="middle" font-family="Verdana,Geneva,sans-serif" font-size="12" fill="#fff">Implemented</text>
+  </g>
+
+  <!-- Orchestration Workflow badge -->
+  <g transform="translate(504, 250)">
+    <rect width="160" height="26" rx="3" fill="#718096"/>
+    <text x="80" y="17" text-anchor="middle" font-family="Verdana,Geneva,sans-serif" font-size="12" fill="#fff">Orchestration Workflow</text>
+  </g>
+
+  <!-- Boris badge -->
+  <g transform="translate(676, 250)">
+    <rect width="72" height="26" rx="3" fill="#CC7C5E"/>
+    <text x="36" y="17" text-anchor="middle" font-family="Verdana,Geneva,sans-serif" font-size="12" fill="#fff">Boris</text>
+  </g>
+
+  <!-- GitHub Trending badge -->
+  <g transform="translate(462, 300)">
+    <rect x="0" y="0" width="356" height="56" rx="10" fill="#fff" stroke="#4a0e99" stroke-width="1.5"/>
+    <text x="100" y="20" font-family="Arial,sans-serif" font-size="11" fill="#432787" font-weight="400">GITHUB TRENDING</text>
+    <text x="100" y="42" font-family="Arial,sans-serif" font-size="18" fill="#4a0e99" font-weight="700">#1 Repository Of The Day</text>
+    <!-- Laurel left -->
+    <g transform="translate(28, 8) scale(0.5)" fill="#49278e">
+      <path d="M35 5c-5 2-8 7-9 12 0 0-1-3-4-5 3 4 4 8 3 13-2-3-5-5-8-5 4 2 7 6 7 10-3-2-7-3-10-2 5 1 9 4 10 8-3-1-7-1-10 1 5 0 9 2 12 6-3 0-7 1-9 3 5-1 9 0 12 3-2 1-5 3-7 5 4-2 8-2 11-1-1 2-3 4-4 6 3-2 6-3 9-3l2 3c1-3 4-5 7-6-2-2-4-3-6-5 4-1 7-1 10 1-1-3-3-5-6-6 4 0 8 1 10-1-2-3-5-5-8-5 4-1 7 0 10-2-3-2-6-3-10-3 3-2 6-2 8-4-4 0-8 0-11 2 2-3 4-5 5-8-3 2-6 4-10 5 1-3 2-6 2-10-2 3-5 6-8 7 0-3 0-7-1-10-2 4-4 7-7 9"/>
+    </g>
+    <!-- Number 1 -->
+    <text x="52" y="38" text-anchor="middle" font-family="Arial,sans-serif" font-size="22" fill="#4a0e99" font-weight="400">1</text>
+  </g>
+
+  <!-- Claude Mascot -->
+  <g transform="translate(540, 400) scale(2)">
+    <!-- Shadow -->
+    <ellipse cx="50" cy="82" rx="22" ry="5" fill="#000" opacity="0.15"/>
+    <!-- Left ear -->
+    <rect x="22" y="10" width="8" height="14" fill="#E07C4C"/>
+    <!-- Right ear -->
+    <rect x="70" y="10" width="8" height="14" fill="#E07C4C"/>
+    <!-- Main body - top row -->
+    <rect x="18" y="24" width="64" height="4" fill="#E07C4C"/>
+    <!-- Main body - full block -->
+    <rect x="14" y="28" width="72" height="32" fill="#E07C4C"/>
+    <!-- Left eye -->
+    <rect x="30" y="34" width="8" height="10" fill="#000000"/>
+    <!-- Right eye -->
+    <rect x="62" y="34" width="8" height="10" fill="#000000"/>
+    <!-- Left arm -->
+    <rect x="2" y="36" width="12" height="8" fill="#E07C4C"/>
+    <!-- Right arm -->
+    <rect x="86" y="36" width="12" height="8" fill="#E07C4C"/>
+    <!-- Left leg -->
+    <rect x="24" y="60" width="12" height="14" fill="#E07C4C"/>
+    <!-- Right leg -->
+    <rect x="64" y="60" width="12" height="14" fill="#E07C4C"/>
+  </g>
+
+  <!-- Bottom accent line -->
+  <rect x="0" y="636" width="1280" height="4" fill="#E07C4C"/>
+</svg>
diff --git a/!/tags/click-badges.svg b/!/tags/click-badges.svg
new file mode 100644
index 0000000..e888a67
--- /dev/null
+++ b/!/tags/click-badges.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="380" height="20" role="img" aria-label="Click on these badges below to see the actual sources">
+  <title>Click on these badges below to see the actual sources</title>
+  <g fill="#333" text-anchor="start" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
+    <text x="8" y="14" font-style="italic">Click on these badges below to see the actual sources</text>
+  </g>
+</svg>
diff --git a/README.md b/README.md
index fba02b9..b496cd8 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,9 @@
 # claude-code-best-practice
 practice makes claude perfect
 
-![updated with Claude Code](https://img.shields.io/badge/updated_with_Claude_Code-v2.1.79%20(Mar%2019%2C%202026%2011%3A59%20AM%20PKT)-white?style=flat&labelColor=555) <a href="https://github.com/shanraisshan/claude-code-best-practice/stargazers"><img src="https://img.shields.io/github/stars/shanraisshan/claude-code-best-practice?style=flat&label=%E2%98%85&labelColor=555&color=white" alt="GitHub Stars"></a>
-
-[![Best Practice](!/tags/best-practice.svg)](best-practice/) *Click on this badge to show the latest best practice*<br>
-[![Implemented](!/tags/implemented.svg)](implementation/) *Click on this badge to show implementation in this repo*<br>
-[![Orchestration Workflow](!/tags/orchestration-workflow.svg)](orchestration-workflow/orchestration-workflow.md) *Click on this badge to see the Command → Agent → Skill orchestration workflow*
+![updated with Claude Code](https://img.shields.io/badge/updated_with_Claude_Code-v2.1.79%20(Mar%2019%2C%202026%2011%3A59%20AM%20PKT)-white?style=flat&labelColor=555) <a href="https://github.com/shanraisshan/claude-code-best-practice/stargazers"><img src="https://img.shields.io/github/stars/shanraisshan/claude-code-best-practice?style=flat&label=%E2%98%85&labelColor=555&color=white" alt="GitHub Stars"></a><br>
+[![Best Practice](!/tags/best-practice.svg)](best-practice/) [![Implemented](!/tags/implemented.svg)](implementation/) [![Orchestration Workflow](!/tags/orchestration-workflow.svg)](orchestration-workflow/orchestration-workflow.md) [![Boris](!/tags/boris-cherny.svg)](#-tips-and-tricks) ![Click on these badges below to see the actual sources](!/tags/click-badges.svg)<br>
+[![GitHub Trending #1 Repository Of The Day](!/root/github-trending-day.svg)](https://github.com/trending)
 
 <p align="center">
   <img src="!/claude-jumping.svg" alt="Claude Code mascot jumping" width="120" height="100">