mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
daniel
11c9db4500
## 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>
Claude Code Templates Website
This directory contains the static website for browsing and installing Claude Code configuration templates.
Features
- Dynamic Template Loading: Templates are loaded directly from the GitHub repository's
templates.jsfile - Interactive Cards: Click any template card to see the installation command
- Responsive Design: Works on desktop and mobile devices
- Framework Logos: Uses Devicon CDN for professional programming language and framework logos
- Copy to Clipboard: Easy command copying with visual feedback
Architecture
The website is built as a static site that:
- Fetches template data from
cli-tool/src/templates.jsin the GitHub repository - Parses the configuration to extract available languages and frameworks
- Generates cards dynamically with proper logos from Devicon CDN
- Updates automatically when new templates are added to the repository
Files
index.html- Main HTML structurestyles.css- Styling and responsive designscript.js- JavaScript for dynamic content loading and interactions_config.yml- Jekyll configuration for GitHub PagesREADME.md- This documentation
GitHub Pages Deployment
This website is automatically deployed to GitHub Pages when changes are pushed to the docs/ directory in the main branch.
Visit: https://davila7.github.io/claude-code-templates
Development
To test locally:
- Clone the repository
- Navigate to the
docs/directory - Serve with any static file server (e.g.,
python -m http.server 8000) - Open
http://localhost:8000
Dependencies
- Devicon CDN: For programming language and framework logos
- GitHub Raw Content: For fetching template configurations
- Modern Browser: Support for ES6+ features and Fetch API