added workflows for claude commands and skills

!/tags/official.svg

@@ -1,17 +1,32 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="20" role="img" aria-label="Official">
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="40" role="img" aria-label="Official">
   <title>Official</title>
+  <style>
+    @keyframes shimmer {
+      0% { transform: translateX(-120px); }
+      100% { transform: translateX(120px); }
+    }
+    .shine { animation: shimmer 2.5s ease-in-out infinite; }
+  </style>
   <linearGradient id="s" x2="0" y2="100%">
     <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
     <stop offset="1" stop-opacity=".1"/>
   </linearGradient>
+  <linearGradient id="shimmer" x1="0" y1="0" x2="1" y2="0">
+    <stop offset="0" stop-color="#fff" stop-opacity="0"/>
+    <stop offset="0.4" stop-color="#fff" stop-opacity="0"/>
+    <stop offset="0.5" stop-color="#fff" stop-opacity=".3"/>
+    <stop offset="0.6" stop-color="#fff" stop-opacity="0"/>
+    <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+  </linearGradient>
   <clipPath id="r">
-    <rect width="60" height="20" rx="3" fill="#fff"/>
+    <rect width="120" height="40" rx="5" fill="#fff"/>
   </clipPath>
   <g clip-path="url(#r)">
-    <rect width="60" height="20" fill="#2ea44f"/>
-    <rect width="60" height="20" fill="url(#s)"/>
+    <rect width="120" height="40" fill="#2ea44f"/>
+    <rect width="120" height="40" fill="url(#s)"/>
+    <rect class="shine" width="120" height="40" fill="url(#shimmer)"/>
   </g>
-  <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
-    <text x="30" y="14">Official</text>
+  <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="18">
+    <text x="60" y="26">Official</text>
   </g>
 </svg>