Move share button below header, add test skill

Share button now sits below the sticky header for better page-level
context. Test skill (temporary) validates full build pipeline:
auto-discovery, SEO pages, sitemap, llms-full.txt.

Author: Josh

skills/test-skill/SKILL.md

@@ -0,0 +1,40 @@
+---
+id: test-skill
+name: Test Skill
+category: DevOps
+description: Temporary test skill to verify the build pipeline auto-discovers new skills correctly.
+version: 1.0.0
+endpoints: 2
+status: beta
+dependencies: []
+---
+
+# Test Skill
+> version: 1.0.0 | requires: [icp-cli >= 0.1.0]
+
+## What This Is
+A temporary test skill used to verify the IC Skills build pipeline. This skill should be auto-discovered by generate-skills.js, appear on the website, get its own page with proper SEO meta tags, and show up in the sitemap.
+
+## Prerequisites
+- icp-cli >= 0.1.0
+
+## Mistakes That Break Your Build
+1. **Not running the build script.** The website auto-generates from SKILL.md frontmatter. If you skip `npm run build`, new skills won't appear.
+
+## Implementation
+### Basic Example
+```bash
+echo "Hello from test skill"
+```
+
+## Deploy & Test
+```bash
+icp network start -d
+icp deploy test_canister
+```
+
+## Verify It Works
+```bash
+icp canister call test_canister greet '("world")'
+# Expected: ("Hello, world!")
+```

src/app.jsx

@@ -343,7 +343,7 @@ function SkillPage({ skillId, theme, setTheme }) {
               }}>v{skill.version}</span>
             </div>
           </div>
-          <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+          <div style={{ display: "flex", alignItems: "center", gap: "6px" }}>
             <a href={githubUrl} target="_blank" rel="noopener noreferrer"
               title="View on GitHub"
               style={{
@@ -379,6 +379,14 @@ function SkillPage({ skillId, theme, setTheme }) {
 
       {/* Skill content */}
       <main style={{ position: "relative", zIndex: 10, maxWidth: "860px", margin: "0 auto", padding: "40px 32px 80px" }}>
+        {/* Share bar */}
+        <div style={{
+          display: "flex", alignItems: "center", justifyContent: "flex-end",
+          marginBottom: "24px", gap: "8px",
+        }}>
+          <CopyButton text={shareUrl} label="share this page" />
+        </div>
+
         {/* Metadata bar */}
         <div style={{
           display: "flex", alignItems: "center", gap: "12px", marginBottom: "32px",
@@ -437,8 +445,6 @@ function SkillPage({ skillId, theme, setTheme }) {
             curl -sL {rawUrl}
           </code>
           <CopyButton text={`curl -sL ${rawUrl}`} />
-          <span style={{ fontSize: "11px", color: "var(--text-phantom)" }}>{"\u00B7"}</span>
-          <CopyButton text={shareUrl} label="link" />
         </div>
 
         {/* Rendered markdown */}