mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
daniel
aad91824a9
Major Features Added: 🎯 Unified filter interface (Templates, Agents, Commands, MCPs) 🤖 Individual Agent components (react-performance, api-security, database-optimization) ⚡ Custom Command components (check-file, generate-tests) 🔌 MCP integration configs (DeepGraph, GitHub, databases, etc.) 📱 Card flip functionality with installation commands 🎨 Compact stats badges design 📚 Comprehensive Docusaurus documentation Technical Improvements: - Modular component architecture in cli-tool/components/ - Real-time GitHub API integration for component loading - Smart installation command generation per component type - Responsive design with terminal theme consistency - Individual component contribution workflows Web Interface Enhancements: - Removed mode separation, unified single view - Interactive filter bar with component counts - Installation command copying functionality - Component-specific "Add New" cards with contribution modals - Enhanced loading states and error handling Documentation Updates: - New /docs/components/ section with detailed guides - Updated navigation and cross-references - Installation methods for each component type - Best practices for templates vs individual components 🤖 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