davila7/claude-code-templates v1.14.16

v1.14.16 - Shopping Cart System & Web Enhancements

on GitHub

🛒 Major Feature: Shopping Cart System

New Features

• Shopify-style Shopping Cart: Complete cart sidebar with drag-from-right animation
• Add to Stack Buttons: Interactive buttons on all component cards (agents, commands, MCPs)
• Dynamic Command Generation: Automatically generates CLI commands based on selected items
• Social Sharing: Share your stack on X (Twitter) and Threads with one click
• Cart Persistence: LocalStorage integration maintains cart state across sessions

UI/UX Improvements

• Responsive Grid System: 4 columns (desktop), 2 columns (tablet), 1 column (mobile)
• Overlay Copy Buttons: Hover-to-show copy functionality for command text
• Floating Cart Button: Fixed position button with item count badge
• Compact Item Design: Optimized cart item layout with Clear All repositioning
• Enhanced Notifications: Auto-dismiss notification system with proper cleanup

Technical Enhancements

• Quote Removal: Fixed agent parameter formatting (removed unnecessary quotes)
• Scroll Management: Proper scroll handling when cart sidebar is open
• Event Handling: Improved click propagation and keyboard shortcuts (ESC to close)
• Performance: Optimized DOM updates and MutationObserver for dynamic content

New Components

• DevTools MCPs: Added Context7 and MCP Server Trello integrations
• Cart Manager: Complete cart state management system
• Share Functionality: Social media integration with proper URL encoding

Bug Fixes

• Fixed notification persistence issues
• Resolved card layout proportions and button sizing
• Fixed component badge positioning in modals
• Corrected CSS grid specificity conflicts

CLI Updates

• Version bump to 1.14.16 for npm compatibility
• Enhanced component handling and installation processes

This release transforms the Claude Code Templates website into a complete development stack builder with modern shopping cart functionality, making it easier than ever to discover, select, and install AI development tools.

Installation:

npm install -g claude-code-templates@1.14.16

Try the new shopping cart at: https://aitmpl.com