- Added detailed Settings documentation (300+ lines) covering all configuration hierarchy levels
- Added comprehensive Hooks documentation (400+ lines) with event-driven automation examples
- Created Telegram notification hooks with complete setup guide
- Updated overview page to include Settings and Hooks as new component types
- Updated sidebar navigation to include new documentation sections
- Documented installation location selection for both Settings and Hooks
- Added security guidelines, troubleshooting, and best practices
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
✨ New Features:
- Interactive prompt to choose installation location for settings and hooks
- Support for all Claude Code configuration files hierarchy:
• User settings (~/.claude/settings.json) - Global for all projects
• Project settings (.claude/settings.json) - Shared with team
• Local settings (.claude/settings.local.json) - Personal, not committed
• Enterprise managed settings - System-wide policy (requires admin)
🖥️ Platform Support:
- macOS: /Library/Application Support/ClaudeCode/managed-settings.json
- Linux/WSL: /etc/claude-code/managed-settings.json
- Windows: C:\ProgramData\ClaudeCode\managed-settings.json
🔧 Technical Improvements:
- Unified installation logic for both hooks and settings
- Admin privilege detection and error handling for enterprise settings
- Proper directory creation for different installation locations
- Clear user feedback about target paths and requirements
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
✅ Fixed ALL remaining hooks (20 total):
- Updated post-tool/ and pre-tool/ hooks to Claude Code array format
- Fixed git-add-changes, format-javascript-files, format-python-files, run-tests-after-changes
- Fixed backup-before-edit, notify-before-bash
🧠 Added AI Hook Specification System:
- CLAUDE_HOOK_SPECIFICATION.md - Complete hook format guide for AI
- AI_HOOK_TEMPLATE.json - Structured template with examples for AI parsing
- HOOK_PATTERNS_COMPRESSED.json - Compressed patterns for rapid AI reference
📊 Technical Improvements:
- All 20 hooks now use proper array/matcher structure
- Regenerated components.json with corrected hook metadata
- Added comprehensive validation rules and anti-patterns
- Included environment variables and cross-platform compatibility guides
🎯 AI Context Enhancement:
- Future Claude Code sessions can reference these files for correct hook generation
- Compressed format optimizes AI parsing while maintaining completeness
- Common patterns and validation rules prevent structure errors
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fixed CLI hook installation logic to properly handle Claude Code array format
- Improved hook merging to support both old and new formats during migration
- Published to npm with corrected hook processing capabilities
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Regenerate components.json with all 20 hooks using proper Claude Code format
- All hooks now follow array/matcher structure for compatibility
- Frontend will now see properly formatted hook metadata
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Update all 14 hooks to use proper Claude Code array/matcher format
- Fix CLI merge logic to handle new hook structure correctly
- Add support for both old and new hook formats during migration
- Remove conflict detection for hooks (Claude Code arrays support multiple entries)
- Ensure hooks follow proper structure:
{
"hooks": {
"EventName": [
{
"matcher": "ToolPattern",
"hooks": [
{"type": "command", "command": "bash-command"}
]
}
]
}
}
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Update index-events.js to handle settings and hooks component types
- Add settings and hooks to availableCategories and data processing
- Update filter counts to include settings and hooks totals
- Add proper icons and colors for settings (⚙️ purple) and hooks (🪝 orange)
- Update contribution modal to support settings and hooks with JSON format
- Fix data-loader.js getTotalCounts method to include all component types
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Implemented CompanyCarousel class to manage carousel behavior for company stacks.
- Added auto-scroll, button controls, and touch/swipe support for mobile.
- Included global functions for scrolling the carousel and reinitializing on content changes.
feat: introduce StackRouter for handling stack pages
- Created StackRouter class to manage routing for company and technology stack pages.
- Implemented methods to load company and technology stacks, including data fetching and rendering.
- Added functionality for navigating back to the main page and loading all companies.
- Enhanced SEO with dynamic meta tag updates for stack pages.
- Add Unity Game Developer agent for Unity-specific development
- Add Unreal Engine Developer agent for Epic Games/Unreal development
- Add Unity project setup command for project initialization
- Support game development workflows and best practices
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add 9 Settings components (telemetry, permissions, model, cleanup)
- Add 6 Hooks components (formatting, git integration, backups, testing)
- Implement CLI installation with --setting and --hook flags
- Add conflict detection that prompts user before overwriting
- Merge settings into .claude/settings.json with intelligent deep merge
- Update data-loader.js to handle new component types
- Add filter buttons for Settings and Hooks in web interface
- Generate components.json with new Settings and Hooks sections
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added mobile-first chats interface in Quick Start section
- Highlighted --tunnel option with Cloudflare installation requirements
- Updated Core Features with new mobile interface and tunnel support
- Added installation instructions for cloudflared across platforms
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added padding-bottom to chat-messages container
- Footer now has proper spacing and doesn't cover content
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## GitHub Actions Workflow:
✅ Automatic deployment on push to main branch only
✅ Uses Vercel CLI for production builds
✅ Deploys to aitmpl.com custom domain
✅ Other branches require manual deployment
## Configuration Files:
- - GitHub Actions workflow
- - Setup instructions for secrets
- - Vercel configuration with caching and security headers
## Required GitHub Secrets:
- VERCEL_TOKEN
- VERCEL_ORG_ID
- VERCEL_PROJECT_ID
## Deployment Flow:
🎯 Push to main → Auto-deploy to https://aitmpl.com🔧 Other branches → Manual deployment only
Professional CI/CD pipeline for seamless production deployments.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Step 2 Enhancement:
✅ Updated "Choose & Run Template" to "Build Your Stack"
✅ Reflects new shopping cart functionality for complete stacks
✅ Cleaner messaging focused on multi-component solutions
## New Tool Added:
✅ **Live Chat Monitor**: npx claude-code-templates@latest --chats
✅ Real-time Claude message monitoring and tool execution analysis
✅ Third tool card for comprehensive development workflow
## Footer Redesign:
✅ **AITMPL ASCII branding** on the left with tagline
✅ **Removed Download Analytics** - cleaner link structure
✅ **Added docs.aitmpl.com** as Documentation link
✅ **Centered links** to avoid cart button overlap
✅ Better mobile responsive layout with proper spacing
## Stats Section:
✅ More compact spacing closer to header
✅ Reduced margins and padding for cleaner layout
✅ Better mobile optimization with smaller badges
## Mobile UX:
✅ Footer links avoid floating cart button interference
✅ Proper spacing and responsive breakpoints
✅ Clean ASCII art scaling on mobile devices
Professional, modern interface with improved visual hierarchy.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added align-items: center to cart-clear-section-prominent
- Clear All button remains right-aligned with flex-end
- Better vertical alignment in the cart header section
- Maintains subtle styling and proper spacing
## Modal Button Improvements:
✅ **Consistent Sizing**:
- Both buttons now have min-width: 140px
- Same padding: 0.6rem 1.2rem
- Same font-size: 0.85rem
- Same border-radius: 6px
✅ **Better Layout**:
- Add to Cart no longer takes full width (was width: 100%)
- Added 1rem gap between buttons
- Both buttons centered and balanced
✅ **Professional Appearance**:
- Buttons are same height and visual weight
- Clean side-by-side layout
- Responsive with flex-wrap for mobile
The modal action buttons now look much more professional and balanced.
- Disabled cart-sidebar::before overlay that was blurring background
- Removed backdrop-filter blur effect completely
- Cards remain fully visible and readable when cart is open
- Maintains JavaScript overlay for click-to-close functionality
- Background content no longer blocked or dimmed
## Problem Fixed:
- Components were loading initially but then disappearing
- Agents and MCPs showing empty grids despite correct counts
- Commands showing items but missing categories
- Issue caused by complex pagination conflicting with background loading
## Solution:
- Simplified to load all components at once (loadAllComponents())
- Eliminated problematic background pagination that was overwriting data
- Since GitHub templates loading was removed, JSON size is manageable
- Removed race conditions between initial load and background merging
## Technical Changes:
- Created `loadAllComponents()` method for single-pass loading
- Removed `loadMoreComponentsInBackground()` complexity
- Fixed data synchronization issues
- Maintained performance with proper caching and timeouts
Now all component types should display correctly without disappearing.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Issue Fixed:
- Filter buttons were showing paginated counts (50 items) instead of actual totals
- Users saw "Agents (50)" instead of "Agents (100)"
- Problem caused by race condition between initial load and background loading
## Technical Solution:
- Added `fullComponentsData` property to store complete dataset
- Created `getTotalCounts()` method for accurate count retrieval
- Updated `updateFilterCounts()` to use total counts instead of paginated data
- Fixed data synchronization between DataLoader and IndexPageManager
- Eliminated GitHub templates loading errors by using components.json exclusively
## Now Shows Correct Numbers:
✅🤖 Agents (100)
✅⚡ Commands (158)
✅🔌 MCPs (23)
✅📦 Templates (14)
Performance optimizations maintained - initial load still fast with background completion.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Critical Issues Resolved:
- **Lazy loading**: Components.json now loads in 50-item batches instead of 1.6MB at once
- **Timeouts**: Added 8-second timeouts to prevent hanging fetches
- **Loading states**: Visual progress indicators for better UX
- **MutationObserver**: Optimized with debouncing and selective monitoring
- **Background loading**: Non-blocking progressive loading
- **Error handling**: Comprehensive fallbacks and user-friendly error messages
## Technical Improvements:
- RequestAnimationFrame instead of setTimeout for smoother animations
- Debounced DOM updates to prevent excessive reflows
- Intelligent caching with cache-friendly timestamps
- Progressive enhancement with fallback data
- Memory-efficient pagination system
- Performance-optimized CSS animations
## Mobile-Specific Fixes:
- Reduced initial payload from 1.6MB to ~200KB
- Prevented UI thread blocking during data parsing
- Added mobile-optimized loading states
- Improved error handling for slow connections
This should resolve the mobile freezing issues completely.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Configure static site deployment for docs/ folder
- Set up proper routing for SPA functionality
- Add security headers (X-Content-Type-Options, X-Frame-Options, X-XSS-Protection)
- Configure caching for static assets (JS/CSS)
- Enable filesystem routing with fallback to index.html
- Set project name as claude-code-templates-cart
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Remove problematic CSS ::before pseudo-element overlay on mobile
- Implement dynamic JavaScript-based overlay for desktop only
- Add display: none \!important for cart overlay on screens ≤768px
- Create overlay only when needed (openCart) and remove on close
- Prevent overlay from interfering with mobile touch events
- Maintain desktop blur overlay functionality with proper z-index
This fixes the issue where mobile users couldn't see content
after the Filter Components section due to invisible overlay blocking.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add pointer-events: none to cart-sidebar when not active
- Enable pointer-events when cart is active (.cart-sidebar.active)
- Reduce z-index from 2000 to 1000 to avoid interference
- Fix cart overlay pointer-events management
- Ensure cart notifications have proper z-index (1100)
- Prevent cart from blocking touch events on mobile when closed
This resolves the issue where mobile users saw a black screen due to
the cart sidebar intercepting touch events even when hidden.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add Shopify-style cart sidebar with drag-from-right animation
- Implement Add to Stack buttons for all component cards
- Create dynamic command generation for agents, commands, and MCPs
- Add cart state management with localStorage persistence
- Implement notification system with auto-dismiss
- Add social sharing for X/Twitter and Threads
- Create overlay copy buttons for command text in cards and cart
- Optimize card layout grid system (4 columns desktop, 2 tablet, 1 mobile)
- Add cart floating button with item count badge
- Fix scroll prevention and notification persistence issues
- Remove quotes from agent parameters in generated commands
- Implement compact cart item design with Clear All repositioning
- Add comprehensive cart styling with responsive design
- Include share functionality with proper URL encoding
- Update CLI package version to 1.14.16 for npm compatibility
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add description field to MCP JSON files for frontend display
- Update generate_components_json.py to extract MCP descriptions
- Modify CLI to exclude description field from downloaded .mcp.json files
- Update frontend to display MCP descriptions in component cards
- Implement separate description handling for MCPs vs other components
Key changes:
• MCP JSON files now include description field above mcpServers
• Python script extracts descriptions into separate field in components.json
• CLI automatically removes description field during installation
• Frontend shows descriptive text for MCP cards using description field
• Maintains backward compatibility with existing MCP installations
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Clean up Git merge conflict markers that were causing JSON parse errors
- Fix syntax error at line 911 (position 424673)
- Restore proper JSON structure for MCP components
- Resolves data-loader.js error when loading components
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Keep local version with complete component data including:
- All templates with .claude folder structure
- MCP components with descriptions
- Framework-specific commands and agents
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
daniel