- Move search button to first position in filter-buttons row
- Remove display:none from search button to make it visible
- Add category-filter-btn class to all category filter buttons
- Update toggleSearch() function to hide/show category filters:
- When search is active: hide all category-filter-btn and category-filter-label elements
- When search is inactive: restore normal display of category filters
- Improved UX: clean interface switching between search mode and filter mode
User experience:
1. Click 🔍 Search button (first in row)
2. Category filters disappear, search bar appears
3. Click 🔍 Search button again to return to normal filter view
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
New Features:
- 🎯 Single prompt for batch installations - ask locations once for all components
- ✅ Accurate success counting - shows actual vs attempted installations
- 📝 General terminology - 'configuration components' instead of 'settings and hooks'
Improvements:
- ⚠️ Clear error messages when installations fail due to permissions
- 🔄 Consistent location selection across all components in batch mode
- 📋 Better feedback showing selected locations before installation
- 🎨 Cleaner user experience with no repeated prompts
Bug Fixes:
- Fixed misleading success messages when some locations fail
- Fixed repetitive prompts during batch installations
- Fixed inconsistent default locations between silent and interactive modes
Available on npm: npm install -g claude-code-templates@latest
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Change 'settings and hooks' to 'configuration components'
- More flexible terminology that doesn't expose internal categorization
- Cleaner user experience with generic language
Before:
📍 Choose installation locations for settings and hooks:
? Where would you like to install settings and hooks?
📋 Will install settings and hooks in: user, local
After:
📍 Choose installation locations for configuration components:
? Where would you like to install the configuration components?
📋 Will install configuration components in: user, local
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Ask installation locations ONCE at the beginning for all settings and hooks
- Eliminate repeated prompts during batch installation
- Add sharedInstallLocations parameter to individual functions
- Use shared locations when provided, fall back to individual prompts otherwise
- Show clear message about selected locations before installation begins
Flow:
1. User runs: --setting=model/use-sonnet,telemetry/enable-telemetry
2. CLI asks ONCE: 'Where would you like to install settings and hooks?'
3. User selects locations (e.g., user, project, local)
4. CLI shows: 'Will install settings and hooks in: user, project, local'
5. All settings install to those same locations automatically
6. No additional prompts, CLI exits after completion
Prevents the frustrating loop where each component shows its own
installation menu, creating a better user experience for batch operations.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add successfulInstallations counter to track actual successful installations
- Show accurate count in summary messages instead of total attempted
- Differentiate between complete success and partial success:
- 🎉 Green message when all locations successful
- ⚠️ Yellow message when some locations failed
- ❌ Red details showing number of failed installations
- Prevents misleading 'successfully installed in 4 location(s)!' when only 3 succeeded
Example outputs:
✅ All successful: '🎉 Setting installed in 3 location(s)!'
⚠️ Partial success: '⚠️ Setting installed in 3 of 4 location(s).'
'❌ 1 installation(s) failed due to permission or other errors.'
Fixes the case where enterprise settings fail due to permission denied
but user still sees success message for all locations.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Settings and hooks now support checkbox selection for multiple installation locations
- Users can install the same component in multiple environments simultaneously:
- 🏠 User Settings (~/.claude/settings.json) - Global
- 📁 Project Settings (.claude/settings.json) - Team shared
- ⚙️ Local Settings (.claude/settings.local.json) - Personal
- 🏢 Enterprise Settings - System-wide (requires admin)
- Interactive prompts show checkbox interface with validation
- Each location is processed independently with conflict detection
- Progress messages show installation status for each location
- Tracking includes installation_location for analytics
- Graceful error handling - failed locations don't stop others
- Summary message shows total installations completed
Example: Install allow-npm-commands in both user and project settings
for global availability plus team sharing.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Settings and hooks now show interactive prompts for installation location
- Fixed inconsistency between silent mode default and interactive mode default
- Both now default to 'local' settings (.claude/settings.local.json)
- Respects --yes flag to skip prompts when needed
- Users will now see the 4 installation options:
- 🏠 User Settings (~/.claude/settings.json) - Global
- 📁 Project Settings (.claude/settings.json) - Team shared
- ⚙️ Local Settings (.claude/settings.local.json) - Personal
- 🏢 Enterprise Settings - System-wide (requires admin)
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Search System ✨
- ✅ Real-time search across all components (agents, commands, settings, hooks, MCPs)
- ✅ Intelligent scoring algorithm with multi-field matching
- ✅ Search result cards with full flip functionality and compact design
- ✅ Proper integration with global event handlers
- ✅ Hover effects and copy button functionality matching normal cards
- ✅ Keyboard shortcuts (Escape, Enter) and responsive design
## Cart Manager Fixes 🛒
- ✅ Added support for settings and hooks categories (5 total categories)
- ✅ Updated cart initialization, UI, and command generation
- ✅ Fixed JavaScript errors when adding settings/hooks to cart
- ✅ Added proper cart sections and icons for all component types
## Technical Improvements 🔧
- ✅ Fixed showComponentDetails function calls with correct parameters
- ✅ Matching HTML structure with normal cards (command-display, command-code-container)
- ✅ Proper CSS styling with debug helpers for troubleshooting
- ✅ Compact card design optimized for available space
- ✅ Search button temporarily hidden per user request
## Additional Features 📋
- ✅ Added comprehensive ASCII roadmap for future development phases
- ✅ Enhanced component path handling and category conversions
- ✅ Improved error handling and component loading
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added search button to filter buttons section with toggle functionality
- Implemented real-time search across all component categories (except templates)
- Search triggers after 3+ characters with 300ms debouncing for performance
- Searches through component names, descriptions, categories, tags, and keywords
- Added comprehensive search UI with input field, clear button, and results info
- Display search results grouped by category with match scoring
- Shows "No results" with helpful search suggestions when no matches found
- Integrated with existing cart functionality and component installation commands
- Added keyboard shortcuts (Escape to close, Enter to focus first result)
- Responsive design with mobile-optimized search interface
- Search data loaded from main components.json with fallback mechanisms
Features:
✅ Search across agents, commands, settings, hooks, and MCPs
✅ Real-time results with intelligent scoring algorithm
✅ Category-based result grouping and filtering
✅ Keyboard navigation support
✅ Mobile-responsive search interface
✅ Integration with existing cart and installation workflows
✅ Performance optimized with debouncing and caching
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Updated title and meta descriptions to emphasize Anthropic Claude Code connection
- Added structured data (JSON-LD) for better search engine understanding
- Enhanced keywords to include "Claude Opus 4.1", "terminal velocity", "deep coding"
- Added "Official Claude Code" button linking to anthropic.com/claude-code
- Repositioned messaging to align with Anthropic's official Claude Code value propositions
- Improved OG and Twitter card descriptions for better social sharing
- Added product/platform meta tags for better categorization
SEO targeting: "Claude Code", "Anthropic Claude", "AI development", "Claude Opus 4.1"
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 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>
daniel