Add animated mesh gradient hero with overlay content

- Add @paper-design/shaders for WebGL mesh gradient effect
- Create hero-shader.js with liquid ink gradient (grayscale palette)
- Add overlay content: title, tagline, and CTA on shader
- Update hero section structure and styling
- Fix accessibility: gallery dot buttons, toggle ARIA attributes
- Fix undefined --color-terracotta CSS variable
- Update distribution structure for Codex/Cursor skills

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

scripts/lib/utils.js

@@ -163,6 +163,9 @@ export function readSourceFiles(rootDir) {
             name: frontmatter.name || entry.name,
             description: frontmatter.description || '',
             license: frontmatter.license || '',
+            compatibility: frontmatter.compatibility || '',
+            metadata: frontmatter.metadata || null,
+            allowedTools: frontmatter['allowed-tools'] || '',
             body,
             filePath: skillMdPath,
             references
@@ -178,6 +181,9 @@ export function readSourceFiles(rootDir) {
           name: frontmatter.name || name,
           description: frontmatter.description || '',
           license: frontmatter.license || '',
+          compatibility: frontmatter.compatibility || '',
+          metadata: frontmatter.metadata || null,
+          allowedTools: frontmatter['allowed-tools'] || '',
           body,
           filePath: entryPath,
           references: []