feat: Add initial portfolio UI components and skill definitions.

app/components/Skills.tsx

@@ -1,8 +1,9 @@
-"use client";
+"use client";
 
 import { motion, type Variants, useReducedMotion } from "framer-motion";
 import { usePortfolioData } from "@/lib/usePortfolioData";
 import { Section } from "./Section";
+import MagneticButton from "./cinematic/MagneticButton";
 import { DrawLine } from "./animations/DrawLine";
 import { SectionLoading } from "./SectionLoading";
 
@@ -82,9 +83,9 @@ export default function Skills() {
             </p>
             <ul className="ds-tags">
               {category.skills.map((skill) => (
-                <li key={skill} className="ds-tag">
+                <MagneticButton key={skill} as="li" className="ds-tag" strength={0.15}>
                   {skill}
-                </li>
+                </MagneticButton>
               ))}
             </ul>
           </motion.article>