mirror of https://github.com/davila7/claude-code-templates.git synced 2026-09-19 01:30:23 +08:00

Files

T

Dani 9ddc84dc22 feat: Add static website for template showcase with GitHub Pages support

- Created responsive web interface for browsing available templates
- Dynamic template loading from GitHub repository's templates.js file
- Interactive card design with flip animation to show installation commands
- Integration with Devicon CDN for professional framework logos
- Copy-to-clipboard functionality with visual feedback
- Mobile-responsive design with modern UI/UX
- GitHub Pages configuration for automatic deployment
- Auto-refresh every 5 minutes to stay synchronized with repository

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-07-18 20:08:28 -04:00

1.8 KiB

Raw Permalink Blame History

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.js file
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.js in 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 structure
styles.css - Styling and responsive design
script.js - JavaScript for dynamic content loading and interactions
_config.yml - Jekyll configuration for GitHub Pages
README.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

1.8 KiB Raw Permalink Blame History