add

src/styles/components.css

@@ -2292,6 +2292,78 @@
         margin: 0;
     }
 
+    .skill-install__guide-link {
+        color: var(--color-accent-ink);
+        text-decoration: none;
+        font-weight: 500;
+        transition: opacity 0.2s ease;
+    }
+
+    .skill-install__guide-link:hover {
+        opacity: 0.85;
+        text-decoration: underline;
+    }
+
+    .skill-install__method {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+        padding: var(--spacing-lg);
+        border: 1px solid var(--color-hairline);
+        border-radius: var(--radius-md);
+        background-color: var(--color-canvas);
+    }
+
+    .skill-install__method-head {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: var(--spacing-sm);
+    }
+
+    .skill-install__method-title {
+        margin: 0;
+    }
+
+    .skill-install__badge {
+        display: inline-flex;
+        align-items: center;
+        padding: 2px 8px;
+        border-radius: var(--radius-full);
+        font-size: 11px;
+        font-weight: 600;
+        line-height: 1.4;
+        color: var(--color-accent-ink);
+        background-color: var(--color-accent-wash);
+        border: 1px solid color-mix(in srgb, var(--color-accent-ink) 18%, transparent);
+    }
+
+    .skill-install__download {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--spacing-md);
+        flex-wrap: wrap;
+        padding: var(--spacing-md);
+        border: 1px solid var(--color-hairline);
+        border-radius: var(--radius-sm);
+        background-color: var(--color-canvas-muted);
+    }
+
+    .skill-install__download-name {
+        font-family: var(--font-mono-caps);
+        letter-spacing: 0.04em;
+    }
+
+    .skill-install__quote {
+        margin: 0;
+        padding: var(--spacing-md) var(--spacing-lg);
+        border-left: 3px solid var(--color-accent-ink);
+        background-color: var(--color-canvas-muted);
+        border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+        line-height: 1.65;
+    }
+
     .skill-code-block__pre--text {
         white-space: pre-wrap;
         word-break: break-word;