Loading video...

Video Failed to Load

Go Home

Share Claude Code sessions with this command ๐Ÿ‘‡ Just shipped v1.26.1 of claude-code-templates because I kept needing to hand off work mid-session. Run: npx claude-code-templates@latest --chats - All your sessions grouped by chat - Download any conversation To share a session: - Share the file, and add it to...

dani_avila7's profile picture

Daniel San

32,692 subscribers

10,787 views โ€ข 9 months ago โ€ขvia X (Twitter)

LIVE

Anya Rossiโ€ข Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Best way to debug Claude Code sessions and inspect agent context. Just Run: npx claude-code-templates@latest --chats Browser interface with advanced search across all your sessions (name, ID, directory, dates, message content). Shows every tool call with exact JSON executed. Resume button lets you continue any session - efficient context loading. Runs completely local and open source ๐Ÿ‘
0:36

Best way to debug Claude Code sessions and inspect agent context. Just Run: npx claude-code-templates@latest --chats Browser interface with advanced search across all your sessions (name, ID, directory, dates, message content). Shows every tool call with exact JSON executed. Resume button lets you continue any session - efficient context loading. Runs completely local and open source ๐Ÿ‘

Daniel San

32,873 views โ€ข 9 months ago

Introducing Claude Code Analytics Dashboard ๐Ÿ™Œ Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute ๐Ÿ‘‡
0:40

Introducing Claude Code Analytics Dashboard ๐Ÿ™Œ Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute ๐Ÿ‘‡

Daniel San

62,057 views โ€ข 1 year ago

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs ๐Ÿš€ Pick what you need, โ€œadd to cart,โ€ andโ€ฆ itโ€™s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Hereโ€™s the video showing how I built this postโ€ฆ and yes, if you share the command, anyone can clone the exact same stack youโ€™re using. Enjoy, share, and help others build faster with Claude Code โœจ
0:59

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs ๐Ÿš€ Pick what you need, โ€œadd to cart,โ€ andโ€ฆ itโ€™s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Hereโ€™s the video showing how I built this postโ€ฆ and yes, if you share the command, anyone can clone the exact same stack youโ€™re using. Enjoy, share, and help others build faster with Claude Code โœจ

Daniel San

124,913 views โ€ข 1 year ago

Introducing Claude Code Templates ๐Ÿš€ I originally built this to streamline how I set up new projects with Claude Codeโ€ฆjust a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas โ€” feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community ๐Ÿ™Œ
0:50

Introducing Claude Code Templates ๐Ÿš€ I originally built this to streamline how I set up new projects with Claude Codeโ€ฆjust a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas โ€” feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community ๐Ÿ™Œ

Daniel San

28,410 views โ€ข 1 year ago

Claude Code Teams as a flow diagram Just run: npx claude-code-templates@latest --teams Youโ€™ll get a full view of how the lead and the team communicate: messages, tasks, and the tools they executed. The more observability you have into your Claude Code agentsโ€™ workflows, the better your workflows, and the better the results. Open source project:
0:52

Claude Code Teams as a flow diagram Just run: npx claude-code-templates@latest --teams Youโ€™ll get a full view of how the lead and the team communicate: messages, tasks, and the tools they executed. The more observability you have into your Claude Code agentsโ€™ workflows, the better your workflows, and the better the results. Open source project:

Daniel San

85,478 views โ€ข 6 months ago

Introducing Claude Code Hook - Context Timeline (Saving this to try later) Install with: npx claude-code-templates@latest --hook monitoring/context-timeline Managing the context window and the subagents running in Claude Code is hard to keep track of That's why I built this hook... It starts the moment you open a session and shows a timeline with the main agent's context window and how subagents start working in their own separate context Every subagent you have running will show up in real time This way you can manage the context and the subagents you run, and see everything in a much simpler way than in the console
0:40

Introducing Claude Code Hook - Context Timeline (Saving this to try later) Install with: npx claude-code-templates@latest --hook monitoring/context-timeline Managing the context window and the subagents running in Claude Code is hard to keep track of That's why I built this hook... It starts the moment you open a session and shows a timeline with the main agent's context window and how subagents start working in their own separate context Every subagent you have running will show up in real time This way you can manage the context and the subagents you run, and see everything in a much simpler way than in the console

Daniel San

51,706 views โ€ข 3 months ago

We've added a new command to Claude Code called /insights When you run it, Claude Code will read your message history from the past month. It'll summarize your projects, how you use Claude Code, and give suggestions on how to improve your workflow.
0:39

We've added a new command to Claude Code called /insights When you run it, Claude Code will read your message history from the past month. It'll summarize your projects, how you use Claude Code, and give suggestions on how to improve your workflow.

Thariq

1,234,698 views โ€ข 6 months ago

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread
0:40

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread

HeyGen

578,537 views โ€ข 3 months ago

This is incredibly useful for those using Claude Code! I have two computers, and sharing your Claude Code sessions is almost impossible without this. I often start working on something on my desktop, and then want to continue working on the same session (same context, conversation, etc.) on my laptop. The folks at Depot built an integration that solves this problem: You can now start a session on one computer and resume it anywhere else in the world! You can even share it with other team members so they can also contribute to it. Here is an article showing you how the Depot team uses this feature with Claude Code to automate their GitHub Actions Runner updates: Thanks to the team for the effort in building this integration and collaborating with me on this post.
4:29

This is incredibly useful for those using Claude Code! I have two computers, and sharing your Claude Code sessions is almost impossible without this. I often start working on something on my desktop, and then want to continue working on the same session (same context, conversation, etc.) on my laptop. The folks at Depot built an integration that solves this problem: You can now start a session on one computer and resume it anywhere else in the world! You can even share it with other team members so they can also contribute to it. Here is an article showing you how the Depot team uses this feature with Claude Code to automate their GitHub Actions Runner updates: Thanks to the team for the effort in building this integration and collaborating with me on this post.

Santiago

43,943 views โ€ข 9 months ago

Claude Code Templates now has a web interface for browsing and contributing templates ๐Ÿ™Œ What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:
2:15

Claude Code Templates now has a web interface for browsing and contributing templates ๐Ÿ™Œ What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:

Daniel San

60,766 views โ€ข 1 year ago

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.
0:22

There's a built-in agent inside Claude Code you can invoke just by telling Claude to use the claude-code-guide agent Save this... you'll need it It's not a local file in your project. It's a built-in subagent defined in Claude Code's system itself. It answers questions about Claude Code CLI, the Agent SDK, and the Claude API. It uses Glob, Grep, Read, WebFetch, and WebSearch, but can't edit or write files. Its only job is to answer questions.

Daniel San

57,240 views โ€ข 5 months ago

Claude Code UI is now available in VSCode via CodeGPT extension! ๐Ÿ™Œ You can now run Claude Code directly in your editor and control the planning process. You can pause it, edit tasks, or add new ones while Claude is working. This helps keep Claude on track and makes it way more effective since you can adjust things as it goes. Setup: - Download the extensiรณn - Click the Claude Code OAuth - Authorize the extension - Paste your account code to link Claude Code directly - Done โœ… Works on VSCode and JetBrains editors (Android Studio, IntelliJ, PyCharm, etc.) VSCode : Jetbrains:
0:48

Claude Code UI is now available in VSCode via CodeGPT extension! ๐Ÿ™Œ You can now run Claude Code directly in your editor and control the planning process. You can pause it, edit tasks, or add new ones while Claude is working. This helps keep Claude on track and makes it way more effective since you can adjust things as it goes. Setup: - Download the extensiรณn - Click the Claude Code OAuth - Authorize the extension - Paste your account code to link Claude Code directly - Done โœ… Works on VSCode and JetBrains editors (Android Studio, IntelliJ, PyCharm, etc.) VSCode : Jetbrains:

Daniel San

106,169 views โ€ข 11 months ago

Claude Code is now free to run. Most people still think you need a paid setup. Hereโ€™s the basic flow: โ†’ Install Claude Code with the official installer. โ†’ Create a free OpenRouter account. โ†’ Grab your API key. โ†’ Install Claude Code Router. โ†’ Point Claude Code to the local router. โ†’ Choose a free model with the :free suffix. โ†’ Run CCR code instead of normal Claude Code. โ†’ Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.
9:31

Claude Code is now free to run. Most people still think you need a paid setup. Hereโ€™s the basic flow: โ†’ Install Claude Code with the official installer. โ†’ Create a free OpenRouter account. โ†’ Grab your API key. โ†’ Install Claude Code Router. โ†’ Point Claude Code to the local router. โ†’ Choose a free model with the :free suffix. โ†’ Run CCR code instead of normal Claude Code. โ†’ Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.

Julian Goldie SEO

17,618 views โ€ข 2 months ago

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!
1:20

Did you know that Claude Code can use the browser to QA its own work? 1. Run `claude mcp add playwright -- npx -y @playwright/mcp@latest` 2. Tell Claude where your app is running, e.g localhost:8000 3. Now Claude can click and type to make sure its code is actually working!

Sergey Karayev

107,272 views โ€ข 1 year ago

You can now run Claude Code tasks from the Claude Android app, in research preview. Kick off cloud-based tasks from your phone, let Claude run, then pick them up later to review and merge work. Download Claude for Android:
0:32

You can now run Claude Code tasks from the Claude Android app, in research preview. Kick off cloud-based tasks from your phone, let Claude run, then pick them up later to review and merge work. Download Claude for Android:

Claude

51,409 views โ€ข 8 months ago

Type ! followed by your bash command to run it instantly without leaving Claude Code. The output is injected in the context window. Saves you tokens, time, and keeps you in the flow.
0:21

Type ! followed by your bash command to run it instantly without leaving Claude Code. The output is injected in the context window. Saves you tokens, time, and keeps you in the flow.

Ado

97,284 views โ€ข 6 months ago

FastMCP 3.0 Skill is now available for Claude Code Install with: npx claude-code-templates@latest --skill=development/fastmcp-server --yes Adds 30 structured reference files + inside the skill, covering auth, context, features, providers, server setup, and more. If youโ€™re building MCP servers, this gives Claude real, organized in-editor context to work with.
0:25

FastMCP 3.0 Skill is now available for Claude Code Install with: npx claude-code-templates@latest --skill=development/fastmcp-server --yes Adds 30 structured reference files + inside the skill, covering auth, context, features, providers, server setup, and more. If youโ€™re building MCP servers, this gives Claude real, organized in-editor context to work with.

Daniel San

35,064 views โ€ข 6 months ago

I replaced Claude Codeโ€™s default --worktree command with a custom one built around Ghostty, Lazygit, and Yazi. By default, Claude Code creates worktrees inside the .claude/worktrees folder within the same project. That means if you spin up 3 worktrees, you end up with 3 complete copies of your project nested inside your main project. It makes the project structure messy and difficult to manage. So I built a hook that: - Overrides the default --worktree command - Creates each branch in a sibling directory: ../worktrees/branch-name - Automatically opens Ghostty panes - Launches Lazygit and Yazi already positioned in the correct branch directory Install it with: npx claude-code-templates@latest --hook=development-tools/worktree-ghostty --yes Now each branch lives where it should, outside the main project, and your terminal environment is ready instantly.
0:24

I replaced Claude Codeโ€™s default --worktree command with a custom one built around Ghostty, Lazygit, and Yazi. By default, Claude Code creates worktrees inside the .claude/worktrees folder within the same project. That means if you spin up 3 worktrees, you end up with 3 complete copies of your project nested inside your main project. It makes the project structure messy and difficult to manage. So I built a hook that: - Overrides the default --worktree command - Creates each branch in a sibling directory: ../worktrees/branch-name - Automatically opens Ghostty panes - Launches Lazygit and Yazi already positioned in the correct branch directory Install it with: npx claude-code-templates@latest --hook=development-tools/worktree-ghostty --yes Now each branch lives where it should, outside the main project, and your terminal environment is ready instantly.

Daniel San

66,869 views โ€ข 5 months ago

I got curious how compaction works as a PM, so I did some brain surgery on Claude Code: (Anthropic's been doing really interesting work on context editing - they showed Claude Opus playing Settlers of Catan for 75+ minutes in a single thread by constantly editing the context instead of starting fresh. When I saw that Claude Code has a compaction command with optional custom instructions, I wanted to understand what's actually happening.) Abhishek Katiyar and Aman Khan gave me the key tip: Claude Code stores all your conversation history as text files on your computer. Open a new directory and give Claude Code a task. Here's how to watch compaction happening: 1. Go to your user's root directory 2. Press Command+Shift+Period (Mac) to show hidden folders 3. Navigate to ~/.claude/projects/ 4. Find your project folder and use Cursor/VSCode to open it (there's a reason) 5. Install the JSONL Gazelle plugin (open source, thank you Gabor Cselle!) 6. Open the most recent JSONL file - each row is a message in your conversation 7. Run the compact command in Claude Code with custom instructions 8. Watch what happens in the file What I learned: When you compact, Claude Code doesn't just summarize and delete everything. It creates a "compact boundary" in the conversation file, writes a summary of what happened before, but keeps the full original conversation (!!!!) The new thread can still retrieve any details from before compaction if needed. That is so damn cool. Why this matters: What you're getting in Claude Code is similar to what Anthropic ships in their developer SDK - so inspecting your daily tools is how you build real product intuition. The best way to understand AI systems is to open them up and look inside. Everything is text files.
10:52

I got curious how compaction works as a PM, so I did some brain surgery on Claude Code: (Anthropic's been doing really interesting work on context editing - they showed Claude Opus playing Settlers of Catan for 75+ minutes in a single thread by constantly editing the context instead of starting fresh. When I saw that Claude Code has a compaction command with optional custom instructions, I wanted to understand what's actually happening.) Abhishek Katiyar and Aman Khan gave me the key tip: Claude Code stores all your conversation history as text files on your computer. Open a new directory and give Claude Code a task. Here's how to watch compaction happening: 1. Go to your user's root directory 2. Press Command+Shift+Period (Mac) to show hidden folders 3. Navigate to ~/.claude/projects/ 4. Find your project folder and use Cursor/VSCode to open it (there's a reason) 5. Install the JSONL Gazelle plugin (open source, thank you Gabor Cselle!) 6. Open the most recent JSONL file - each row is a message in your conversation 7. Run the compact command in Claude Code with custom instructions 8. Watch what happens in the file What I learned: When you compact, Claude Code doesn't just summarize and delete everything. It creates a "compact boundary" in the conversation file, writes a summary of what happened before, but keeps the full original conversation (!!!!) The new thread can still retrieve any details from before compaction if needed. That is so damn cool. Why this matters: What you're getting in Claude Code is similar to what Anthropic ships in their developer SDK - so inspecting your daily tools is how you build real product intuition. The best way to understand AI systems is to open them up and look inside. Everything is text files.

Tal Raviv

57,910 views โ€ข 7 months ago

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.
0:36

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,637 views โ€ข 7 months ago