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>

server/index.js

@@ -1,4 +1,4 @@
-import { serve } from "bun";
+import { serve, file } from "bun";
 import homepage from "../public/index.html";
 import {
   getSkills,
@@ -10,9 +10,20 @@ import {
 
 const server = serve({
   port: process.env.PORT || 3000,
-  
+
   routes: {
     "/": homepage,
+
+    // Static assets
+    "/assets/*": async (req) => {
+      const url = new URL(req.url);
+      const filePath = `./public${url.pathname}`;
+      const assetFile = file(filePath);
+      if (await assetFile.exists()) {
+        return new Response(assetFile);
+      }
+      return new Response("Not Found", { status: 404 });
+    },
     
     // API: Get all skills
     "/api/skills": {

server/lib/api-handlers.js

@@ -77,13 +77,13 @@ export function getFilePath(type, provider, id) {
 
 	if (type === "skill") {
 		if (provider === "cursor") {
-			return join(distDir, "cursor", ".cursor", "rules", `${id}.md`);
+			return join(distDir, "cursor", ".cursor", "skills", id, "SKILL.md");
 		} else if (provider === "claude-code") {
 			return join(distDir, "claude-code", ".claude", "skills", id, "SKILL.md");
 		} else if (provider === "gemini") {
 			return join(distDir, "gemini", `GEMINI.${id}.md`);
 		} else if (provider === "codex") {
-			return join(distDir, "codex", `AGENTS.${id}.md`);
+			return join(distDir, "codex", ".codex", "skills", id, "SKILL.md");
 		}
 	} else if (type === "command") {
 		if (provider === "cursor") {