{"id":31581022,"url":"https://github.com/ilovepixelart/claude-code","last_synced_at":"2025-10-05T21:52:14.012Z","repository":{"id":315444305,"uuid":"1059515532","full_name":"ilovepixelart/claude-code","owner":"ilovepixelart","description":"Claude Code Presentation - Showcasing Claude Code features","archived":false,"fork":false,"pushed_at":"2025-09-18T15:40:27.000Z","size":54,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-18T18:18:21.321Z","etag":null,"topics":["agentic-workflow","ai","claude","claude-code","github-integration","memory-system","presentation","subagents","tailwindcss","vue3"],"latest_commit_sha":null,"homepage":"https://ilovepixelart.github.io/claude-code/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ilovepixelart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-18T14:47:59.000Z","updated_at":"2025-09-18T15:40:31.000Z","dependencies_parsed_at":"2025-09-18T18:36:50.124Z","dependency_job_id":null,"html_url":"https://github.com/ilovepixelart/claude-code","commit_stats":null,"previous_names":["ilovepixelart/claude-code"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ilovepixelart/claude-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilovepixelart%2Fclaude-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilovepixelart%2Fclaude-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilovepixelart%2Fclaude-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilovepixelart%2Fclaude-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ilovepixelart","download_url":"https://codeload.github.com/ilovepixelart/claude-code/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilovepixelart%2Fclaude-code/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278526242,"owners_count":26001325,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agentic-workflow","ai","claude","claude-code","github-integration","memory-system","presentation","subagents","tailwindcss","vue3"],"created_at":"2025-10-05T21:52:10.112Z","updated_at":"2025-10-05T21:52:14.006Z","avatar_url":"https://github.com/ilovepixelart.png","language":"Vue","readme":"# Claude Code Presentation\n\nAn interactive presentation showcasing Claude Code features and capabilities, built with Vue 3 and Vite.\n\n## Overview\n\nThis is a slide-based presentation application that demonstrates Claude Code's features including memory system, slash commands, subagents, GitHub integration, and various use cases across different roles.\n\n## Features\n\n- **Interactive Navigation**: Navigate slides using keyboard (arrow keys, space, page up/down) or mouse wheel\n- **Dark/Light Theme**: Toggle between dark and light modes with persistent preference\n- **Slide Memory**: Automatically remembers your current slide position\n- **Smooth Transitions**: Custom slide transitions with directional animations\n- **Responsive Design**: Optimized for various screen sizes\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js (v14 or higher)\n- npm or yarn\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone \u003crepository-url\u003e\ncd claude-code\n\n# Install dependencies\nnpm install\n```\n\n### Development\n\n```bash\n# Start development server on port 8080\nnpm run dev\n```\n\n### Production Build\n\n```bash\n# Build for production\nnpm run build\n\n# Preview production build\nnpm run preview\n```\n\n## Project Structure\n\n```bash\nclaude-code/\n├── src/\n│   ├── main.js              # Application entry point\n│   ├── style.css            # Global styles and Tailwind imports\n│   ├── components/\n│   │   ├── PresentationSlider.vue  # Main slider controller\n│   │   └── slides/          # Individual slide components\n│   │       ├── Slide1.vue   # Title slide\n│   │       ├── Slide2.vue   # Memory system\n│   │       └── ...          # Additional slides\n│   └── assets/              # Static assets\n├── index.html               # HTML entry point\n├── package.json            # Dependencies and scripts\n├── vite.config.js          # Vite configuration\n├── tailwind.config.js      # Tailwind CSS configuration\n└── CLAUDE.md              # Project guidelines for Claude Code\n```\n\n## Navigation Controls\n\n| Action | Keys |\n|--------|------|\n| Next Slide | Right Arrow, Space, Page Down |\n| Previous Slide | Left Arrow, Page Up |\n| Toggle Theme | Click theme icon in top-right |\n| Mouse Wheel | Scroll to navigate slides |\n\n## Technology Stack\n\n- **Vue 3**: Progressive JavaScript framework with Composition API\n- **Vite**: Next-generation frontend tooling\n- **Tailwind CSS**: Utility-first CSS framework with dark mode support\n- **Heroicons**: Beautiful hand-crafted SVG icons\n- **PostCSS**: CSS processing with nested rules support\n\n## Slide Topics\n\nThe presentation covers the following Claude Code features:\n\n1. **Introduction**: Welcome and overview\n2. **Memory System**: How Claude Code maintains context\n3. **Slash Commands**: Quick actions and productivity tools\n4. **Subagents**: Specialized task delegation\n5. **GitHub Integration**: Seamless version control\n6. **Tools \u0026 MCP**: Model Context Protocol and tool ecosystem\n7. **Best Practices**: Tips for effective usage\n8. **Roadmap**: Future developments\n9. **ACP**: Anthropic Claude Platform\n10. **Use Cases**: Role-specific demonstrations for:\n    - Product Managers\n    - Business Analysts\n    - CTOs\n    - Marketing Managers\n    - QA Engineers\n11. **Custom MCP**: Building custom integrations\n12. **Context Engineering**: Advanced prompt optimization\n\n## Development Guidelines\n\nSee [CLAUDE.md](./CLAUDE.md) for detailed development guidelines and code style conventions.","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filovepixelart%2Fclaude-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Filovepixelart%2Fclaude-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filovepixelart%2Fclaude-code/lists"}