mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
Dani
4cb7df29c5
Two bugs compounded to make `generate_components_json.py` extremely slow: 1. ProvenanceValidator.js spawned 4 `git` subprocesses per component (~3200 total across 764+ components) to get commit/author/date, each re-walking the full repo history for a single file path. Replaced with one batched `git log --name-only` walk cached per-process, plus a cached `remote.origin.url` lookup instead of re-running it per file. 2. generate_components_json.py computed `cli_tool_dir` as `Path(__file__).parent / 'cli-tool'` (-> scripts/cli-tool, which doesn't exist) instead of the repo-root cli-tool/ directory. This made every run silently fail with a misleading "npm command not found" (FileNotFoundError from the bad cwd, not a missing binary) and skip security validation entirely - every component.json ever generated by this script had 0 validated components. Verified end-to-end: security-audit alone dropped from ~20min to ~2s in isolation, and the full generate_components_json.py pipeline (now including working security validation) completes in ~6-8 minutes, dominated by Supabase download-stats pagination (~700k+ rows), which is a separate, larger optimization left for later. Regenerated docs/components.json and dashboard/public/components.json with the fixes applied.
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