diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 0000000..237a4d5
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,10 @@
+{
+ "permissions": {
+ "allow": [
+ "WebFetch(domain:code.claude.com)",
+ "Read(//home/tknuth/.claude/**)"
+ ],
+ "deny": [],
+ "ask": []
+ }
+}
\ No newline at end of file
diff --git a/.claude/skills/shadcn-ui/SKILL.md b/.claude/skills/shadcn-ui/SKILL.md
new file mode 100644
index 0000000..79c1d26
--- /dev/null
+++ b/.claude/skills/shadcn-ui/SKILL.md
@@ -0,0 +1,136 @@
+---
+name: shadcn-ui
+description: Create beautiful, accessible React Native components following shadcn/ui design principles. Use for building UI components with consistent styling, proper TypeScript types, and accessibility features.
+---
+
+# shadcn/ui Style Components for React Native
+
+This skill helps create React Native components following shadcn/ui design principles:
+
+## Core Principles
+
+1. **Component Philosophy**
+ - Components are copied into the project (not npm installed)
+ - Full ownership and customization
+ - TypeScript-first with proper type definitions
+ - Composable and reusable
+
+2. **Design Tokens**
+ - Use the project's theme system from `src/lib/theme/index.ts`
+ - Consistent spacing, colors, and typography
+ - Support light/dark mode if configured
+
+3. **Component Structure**
+ ```typescript
+ import React from 'react';
+ import { View, Text, StyleSheet } from 'react-native';
+ import { theme } from '@/lib/theme';
+
+ export interface ComponentProps {
+ variant?: 'default' | 'outline' | 'ghost';
+ size?: 'sm' | 'md' | 'lg';
+ // Add prop types
+ }
+
+ export function Component({ variant = 'default', size = 'md', ...props }: ComponentProps) {
+ return (
+
+ {/* Component content */}
+
+ );
+ }
+
+ const styles = StyleSheet.create({
+ base: {
+ // Base styles
+ },
+ // Variant styles
+ default: {},
+ outline: {},
+ ghost: {},
+ // Size styles
+ sm: {},
+ md: {},
+ lg: {},
+ });
+ ```
+
+4. **Accessibility**
+ - Always include `accessibilityLabel`
+ - Use `accessibilityRole` appropriately
+ - Support `accessibilityHint` when helpful
+ - Test with screen readers
+
+5. **Common Patterns**
+
+ **Button Component:**
+ - Variants: default, outline, ghost, destructive
+ - Sizes: sm, md, lg
+ - States: disabled, loading
+ - Supports press feedback
+
+ **Card Component:**
+ - Header, Content, Footer sections
+ - Optional borders and shadows
+ - Consistent padding
+
+ **Input Component:**
+ - Label and error message support
+ - Focus states
+ - Validation feedback
+
+ **Badge Component:**
+ - Variants: default, success, warning, error
+ - Compact sizing
+
+6. **File Organization**
+ - Place components in `src/components/`
+ - Export from `src/components/index.ts`
+ - Keep component + styles in same file
+ - Create compound components when needed
+
+7. **Styling Approach**
+ - Use StyleSheet.create for performance
+ - Leverage theme tokens
+ - Support style prop for overrides
+ - Use flexbox for layouts
+
+## Examples
+
+### Button with Variants
+```typescript
+
+```
+
+### Card Composition
+```typescript
+
+
+ Title
+
+
+ Content here
+
+
+```
+
+### Form Input
+```typescript
+
+```
+
+## When to Use This Skill
+
+- Creating new UI components
+- Refactoring existing components to be more consistent
+- Adding variants or sizes to components
+- Improving component accessibility
+- Establishing a design system
diff --git a/.claude/skills/ux-seo-aeo/SKILL.md b/.claude/skills/ux-seo-aeo/SKILL.md
new file mode 100644
index 0000000..f454e72
--- /dev/null
+++ b/.claude/skills/ux-seo-aeo/SKILL.md
@@ -0,0 +1,299 @@
+---
+name: ux-seo-aeo
+description: Design exceptional user experiences optimized for Top Tier SEO and AEO (Answer Engine Optimization). Use when creating content, structuring data, optimizing performance, or improving discoverability for search engines and AI assistants.
+---
+
+# UX/SEO/AEO Optimization Skill
+
+Expert guidance for creating user-centric experiences optimized for modern search engines and AI-powered answer engines.
+
+## Core Principles
+
+### 1. User Experience First (UX)
+- **User-Centered Design**: Every decision prioritizes user needs
+- **Accessibility (WCAG 2.1 AA+)**: Inclusive design for all users
+- **Performance**: Fast load times (<3s), smooth interactions
+- **Mobile-First**: Responsive, touch-friendly, thumb-reachable
+- **Clear Hierarchy**: Logical information architecture
+- **Feedback**: Clear loading states, errors, success messages
+
+### 2. Search Engine Optimization (SEO)
+
+**Technical SEO:**
+- Semantic HTML structure (``, `