Commit Graph

10 Commits

Author SHA1 Message Date
Jeff Emmett 859002c547
Merge branch 'main' into claude/setup-repo-access-01DTsn4kjq1SceWvSXdVMzxS 2025-11-23 11:43:23 -08:00
Claude 52c1fcc8b7
Setup repository: install dependencies and generate dashboard
- Installed npm dependencies (playwright, glob)
- Fixed npm security vulnerabilities
- Generated updated dashboard index.html
2025-11-23 07:51:59 +00:00
Shawn Anderson 445d96f230 Globe with popups. 2025-11-09 10:32:42 -08:00
Shawn Anderson 16e1e74bb3 More threejs. 2025-11-08 00:05:03 -08:00
Shawn Anderson a7e2cfc089 Fix duplicate demo count in dashboard
Remove legacy JavaScript loops that were adding UI demos twice (60 duplicates). The generate_index.py script already populates all demos from filesystem, making the manual loops unnecessary. This fixes the incorrect count of 202 demos, now correctly showing 142 demos.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-14 19:31:22 -07:00
Shawn Anderson 775fd748c4 Make entire demo card clickable for better UX
Moved onclick handler from .demo-screenshot div to .demo-card div,
allowing users to click anywhere on the card to open the demo instead
of just the top screenshot area.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 18:27:53 -07:00
Shawn Anderson 09e69faeb1 Integrate infinite loop variants into main dashboard
Added comprehensive dashboard integration for 30 infinite variant demos:

Dashboard Updates (index.html):
- Added "Infinite Variants" filter button with 🔄 emoji
- Added HTML category section for infinite variants display
- Added JavaScript grid initialization for variants
- Updated emoji mapping to include infiniteVariants category
- Fixed stats: Categories 7→8, Total Demos now includes variants (142)

Auto-Generation System (generate_index.py):
- Added infiniteVariants to demos object structure
- Implemented scanning of infinite_variants/*/test_output/ directories
- Auto-detects variant numbers and maps to friendly names:
  * Variant 1: Pattern Synthesis
  * Variant 2: Utility Commands
  * Variant 3: Pluggable Templates
  * Variant 4: Quality Evaluation
  * Variant 5: Config-Driven
  * Variant 6: State Management
  * Variant 7: Meta Self-Improvement
- Supports both HTML and JS file detection
- Generates descriptions with variant context

Screenshot System (generate_screenshots.js):
- Added infiniteVariants category with 1500ms delay
- Pattern: infinite_variants/infinite_variant_*/test_output/*.html
- Successfully captured all 30 variant demo screenshots

Package Management (package.json):
- Added npm run screenshots:variants command
- Configured Playwright dependency for screenshot generation

Result: All 30 variant demos now seamlessly integrated into dashboard
with auto-discovery, screenshots, and filter functionality.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-10 18:25:07 -07:00
Shawn Anderson 1c6c4a0140 Complete dashboard integration with all demo categories
Integrated all missing demo categories into the unified dashboard system,
bringing total from 79 to 107 demos across 7 categories. Added automated
discovery and maintenance tooling for seamless dashboard updates.

Categories integrated:
- D3 Visualizations (3 demos): Interactive data viz with SVG/D3.js
- Mapbox Globes (9 demos): 3D geospatial visualizations
- Claude DevTools (11 demos): Developer tools for Claude Code sessions
- Additional SDG demos discovered (14 total)

Key improvements:
- Auto-discovery generator scans all 7 demo directories
- File watcher script for automatic dashboard regeneration
- Comprehensive documentation in DASHBOARD.md
- Filter buttons and category sections for all types
- Proper title extraction and metadata for all demos

Files modified:
- index.html: Added 4 new category sections with proper rendering
- generate_index.py: Integrated d3_test/, mapbox_test/, claude_code_devtools/
- DASHBOARD.md: Updated to reflect 107 demos across 7 categories
- watch_and_update.sh: Added file watcher for auto-regeneration

New demos:
- claude_devtool_9.html: Web Worker Event Processor
- claude_devtool_10.html: IndexedDB Event Store
- claude_devtool_11.html: D3 Agent Coordination Graph

Dashboard now fully up-to-date with comprehensive demo coverage.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-09 19:54:36 -07:00
Shawn Anderson 73511cc6f9 Add auto-generated index, SDG visualizations, DevTools, and infrastructure
Dashboard & Index:
- index.html: Auto-generated gallery with 6 categories (101 total demos)
- generate_index.py: Automated index generation script
- DASHBOARD.md: Project dashboard documentation
- Now includes Mapbox globe category with 9 visualizations

Additional Visualizations:
- sdg_viz_10-14.html: 5 new SDG network visualizations
- claude_devtool_5-8.html: 4 new Claude Code developer tools
- README.md for DevTools category

Infrastructure:
- .claude/commands/prime-threejs.md: Three.js priming command
- .githooks/: Git hooks for automation
- ai_docs/claude-code-hooks-multi-agent-observability/: Documentation

Auto-generated gallery now showcases all web-enhanced infinite loop outputs.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-09 18:57:59 -07:00
Shawn Anderson 822e308233 Add Claude Code DevTools web-enhanced visualization system
Claude Code DevTools System:
- specs/claude_code_devtools_progressive.md: Progressive learning spec
- specs/claude_code_devtools_url_strategy.json: Curated DevTools URLs
- claude_code_devtools/: Generated DevTools visualizations
- index.html: Gallery page for all visualization projects

Web-enhanced infinite loop application for developer tools visualization.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-09 18:27:29 -07:00