auto-claude: subtask-2-1 - Add accessibility attributes to skeleton loading

Added aria-label and aria-busy attributes to SkillsSkeleton component for
better screen reader support. This ensures assistive technologies properly
announce the loading state to users.

Also updated .gitignore to exclude .auto-claude/ directory.

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

.gitignore

@@ -82,3 +82,6 @@ supabase/.temp/
 
 # Source images (originals before optimization)
 source-images/
+
+# Auto Claude data directory
+.auto-claude/

src/components/sections/Skills.tsx

@@ -20,7 +20,7 @@ const Skeleton: React.FC<SkeletonProps> = ({ className }) => (
 );
 
 const SkillsSkeleton = () => (
-  <section id="skills" className="py-24 relative">
+  <section id="skills" className="py-24 relative" aria-label="Loading skills" aria-busy="true">
     <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <Skeleton className="h-8 w-48 mb-12" />
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">