2 Commits

• 📚 Add Ivan Fioravanti web design patterns to design-pattern-learner

  ANALYZED PATTERNS:
  - Luxury Travel Website (futuristic luxury theme)
  - Sports Car Website (high performance theme)
  - Animation Showcase (motion patterns)
  
  PATTERNS EXTRACTED:
  - Design tokens (colors, typography, effects)
  - Component templates (hero, cards, navbar, forms)
  - Animation patterns (scroll reveal, hover effects, parallax)
  - Responsive patterns (mobile-first, breakpoints)
  - Tailwind config extensions
  
  INCLUDED IN KNOWLEDGE BASE:
  ✓ Hero sections with gradient overlays
  ✓ Glass navbar with backdrop blur
  ✓ Destination cards with hover effects
  ✓ Membership tier cards
  ✓ Form patterns with chips
  ✓ Animation templates (aurora, shimmer, magnetic)
  ✓ Color gradients (cyan-purple-magenta)
  ✓ Typography scales (Space Grotesk, Inter)
  ✓ Micro-interactions (hover lift, tilt, glow)
  
  USAGE:
  The skill now has pre-studied patterns from Ivan Fioravanti's gists.
  Can immediately apply these patterns to new projects.
  
  🤖 Generated with [Claude Code](https://claude.com/claude-code)
  
  Co-Authored-By: Claude <noreply@anthropic.com>

  Claude SuperCharged · 2026-01-26 14:17:30 +04:00
  b42e694305
• ✨ Add design-pattern-learner skill with auto-trigger

  NEW SKILL: Design Pattern Learner
  - Studies and implements web design patterns from external sources
  - Fetches gists, repositories, and webpages
  - Analyzes design tokens (colors, typography, spacing, effects)
  - Extracts UI components (buttons, cards, modals, etc.)
  - Generates implementation code (Tailwind, React, Vue)
  
  Auto-Trigger Patterns:
  - "study design from [URL]"
  - "learn from [source]"
  - "implement this design"
  - "copy style from"
  - "extract component from"
  
  Integration:
  - Works alongside ui-ux-pro-max for design guidance
  - Uses codebase-indexer to find implementation locations
  - Uses mcp-client for external content fetching
  - Added to always-use-superpowers decision tree
  
  Updated Files:
  - skills/design-pattern-learner/skill.md - Complete skill documentation
  - skills/design-pattern-learner/scripts/analyze.py - Pattern analyzer
  - skills/design-pattern-learner/scripts/generate.py - Implementation generator
  - skills/design-pattern-learner/README.md - Quick start guide
  - ralph-integration/dispatch/auto-triggers.yml - Priority 7
  - skills/always-use-superpowers/SKILL.md - Decision tree updated
  
  🤖 Generated with [Claude Code](https://claude.com/claude-code)
  
  Co-Authored-By: Claude <noreply@anthropic.com>

  Claude SuperCharged · 2026-01-26 13:51:53 +04:00
  39e480484f