Загрузка видео...

Не удалось загрузить видео

На главную

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...

dani_avila7's profile picture

Daniel San

32,606 subscribers

62,057 просмотров • 11 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Daniel San
Daniel San11 месяцев назад

Open source repo... give it a star or contribute if you find it useful! ⭐

Фото профиля Eyal Toledano
Eyal Toledano11 месяцев назад

Brilliant work!

Фото профиля Himanshu Kumar
Himanshu Kumar11 месяцев назад

Real-time monitoring could unexpectedly shift focus from true project goals to micro-management.

Фото профиля 4305
430511 месяцев назад

Very nice! Will use

Фото профиля 👾
👾11 месяцев назад

This is brilliant. Nice one.

Фото профиля Sudheer Salavadi
Sudheer Salavadi11 месяцев назад

Amazing! Thank you.

Фото профиля Cederik ᯅ
Cederik ᯅ11 месяцев назад

very cool, well done!

Фото профиля Josh English
Josh English11 месяцев назад

this is kewl

Фото профиля Joe Winke
Joe Winke11 месяцев назад

This is run at project level right? If I have multiple can I run in parent code folder?

Фото профиля Daniel San
Daniel San11 месяцев назад

The analytics runs across all Claude Code instances running on your computer. You'll see each instance separated by project in the dashboard list

Похожие видео

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,347 просмотров • 4 месяцев назад

Introducing Claudia - A powerful GUI app and Toolkit for Claude Code. Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more. ✨ Features - Interactive GUI Claude Code sessions. - Checkpoints and reverting. (Yes, that one missing feature from Claude Code) - Create and share custom agents. - Run sandboxed background agents. (experimental) - No-code MCP installation and configuration. - Real-time Usage Dashboard. Free and open-source. Get started at: claudia [dot] asterisk [dot] so
1:59

Introducing Claudia - A powerful GUI app and Toolkit for Claude Code. Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more. ✨ Features - Interactive GUI Claude Code sessions. - Checkpoints and reverting. (Yes, that one missing feature from Claude Code) - Create and share custom agents. - Run sandboxed background agents. (experimental) - No-code MCP installation and configuration. - Real-time Usage Dashboard. Free and open-source. Get started at: claudia [dot] asterisk [dot] so

mufeed vh

158,545 просмотров • 11 месяцев назад

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format
1:19

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,494,074 просмотров • 4 месяцев назад

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,842 просмотров • 7 месяцев назад

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,230,782 просмотров • 4 месяцев назад

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 просмотров • 11 месяцев назад

If you use Claude Code, install this immediately. It's called Claude Code Templates. It adds an entire ecosystem of AI tools to Claude. Here's what you get: 1. Agent Teams Visual dashboards showing how multiple AI agents collaborate on code. 2. Specialized Agents Front-end developers, backend engineers, QA testers, marketers. 3. MCP Integrations Connect Claude to external tools and workflows. 4. Real-Time Monitoring Track AI development sessions and performance analytics. 5. Automation Scheduling Run tasks automatically every day. Example: You can schedule an agent team to run daily at 5AM. It researches trends, generates content, and builds workflows. All automatically. The best part? Everything is free and open source.
9:25

If you use Claude Code, install this immediately. It's called Claude Code Templates. It adds an entire ecosystem of AI tools to Claude. Here's what you get: 1. Agent Teams Visual dashboards showing how multiple AI agents collaborate on code. 2. Specialized Agents Front-end developers, backend engineers, QA testers, marketers. 3. MCP Integrations Connect Claude to external tools and workflows. 4. Real-Time Monitoring Track AI development sessions and performance analytics. 5. Automation Scheduling Run tasks automatically every day. Example: You can schedule an agent team to run daily at 5AM. It researches trends, generates content, and builds workflows. All automatically. The best part? Everything is free and open source.

Julian Goldie SEO

106,895 просмотров • 3 месяцев назад

Vibe coding won't scale your team. Codegen 3 will. 🚀 Introducing Codegen 3.0: The Operating System for Code Agents Now with Claude Code integration, AI code review, agent analytics and more. Try your first runs free today.
1:29

Vibe coding won't scale your team. Codegen 3 will. 🚀 Introducing Codegen 3.0: The Operating System for Code Agents Now with Claude Code integration, AI code review, agent analytics and more. Try your first runs free today.

Codegen

1,168,797 просмотров • 8 месяцев назад

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.
1:37

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.

Unwind AI

67,336 просмотров • 10 месяцев назад

A conversation with cat on: - some tips for using Claude Code - how we prototype new features - customizing Claude Code - how we think about the Claude Code SDK and agents
14:03

A conversation with cat on: - some tips for using Claude Code - how we prototype new features - customizing Claude Code - how we think about the Claude Code SDK and agents

Alex Albert

146,705 просмотров • 9 месяцев назад

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,074 просмотров • 10 месяцев назад

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 просмотров • 10 месяцев назад

We've brought Claude Code to our Desktop app. You can now easily run multiple Claude Code sessions locally or in the cloud and switch between them.
0:20

We've brought Claude Code to our Desktop app. You can now easily run multiple Claude Code sessions locally or in the cloud and switch between them.

Anthony Morris ツ

468,181 просмотров • 6 месяцев назад

Working with Claude Code involves a lot of waiting around for Claude to figure out what it needs to complete a task. There's a better way though! Priming Claude Code with Repo Prompt context lets you get better code faster from agents like Claude Code. Let's dive in 👇
5:10

Working with Claude Code involves a lot of waiting around for Claude to figure out what it needs to complete a task. There's a better way though! Priming Claude Code with Repo Prompt context lets you get better code faster from agents like Claude Code. Let's dive in 👇

eric provencher

42,523 просмотров • 10 месяцев назад

Maximizing your token throughput is one of the biggest productivity unlocks in Claude Code. So here's my guide to use multiple Claude Codes at the same time, effectively: - Run multiple Claude Code sessions at the same time, each on a different feature (Ghostty is great for this) - Use Claude Code's built in git worktrees to keep each instance isolated on its own branch (-w or --worktree flag) - Let Claude handle creating PRs or merging the worktree branches when you're done - Use the Claude Code Desktop app as your multi-agent control center Full guide below:
2:44

Maximizing your token throughput is one of the biggest productivity unlocks in Claude Code. So here's my guide to use multiple Claude Codes at the same time, effectively: - Run multiple Claude Code sessions at the same time, each on a different feature (Ghostty is great for this) - Use Claude Code's built in git worktrees to keep each instance isolated on its own branch (-w or --worktree flag) - Let Claude handle creating PRs or merging the worktree branches when you're done - Use the Claude Code Desktop app as your multi-agent control center Full guide below:

Avthar

10,723 просмотров • 2 месяцев назад

Claude Code is now completely free forever 🤯 Google just dropped Gemma 4 on Ollama, which means you can run Claude Code locally with zero API bills and zero subscriptions. Just install Gemma 4, connect it to Claude Code, and suddenly you have free AI agents running directly on your computer. Google may have just killed AI subscription costs. 🚀
0:28

Claude Code is now completely free forever 🤯 Google just dropped Gemma 4 on Ollama, which means you can run Claude Code locally with zero API bills and zero subscriptions. Just install Gemma 4, connect it to Claude Code, and suddenly you have free AI agents running directly on your computer. Google may have just killed AI subscription costs. 🚀

Julian Goldie SEO

605,396 просмотров • 2 месяцев назад

Running Claude Code Agents in Docker and it's working great 👏 Just executed this and watched Claude build a complete Express REST API inside an isolated container: npx claude-code-templates@latest --sandbox docker \ --agent development-team/backend-architect \ --prompt "Create a REST API with Express with validation and error handling" - Container spins up - installs Claude Agent SDK - downloads the agent - Claude starts coding Everything visible in Docker logs. Output: Full Express project with routes, validation, error handling. All files extracted to local after execution. Next tutorials: Adding Telemetry and Hooks to monitor what Claude does inside the container. Running these agents on ECS or Kubernetes would be interesting 🤔
0:44

Running Claude Code Agents in Docker and it's working great 👏 Just executed this and watched Claude build a complete Express REST API inside an isolated container: npx claude-code-templates@latest --sandbox docker \ --agent development-team/backend-architect \ --prompt "Create a REST API with Express with validation and error handling" - Container spins up - installs Claude Agent SDK - downloads the agent - Claude starts coding Everything visible in Docker logs. Output: Full Express project with routes, validation, error handling. All files extracted to local after execution. Next tutorials: Adding Telemetry and Hooks to monitor what Claude does inside the container. Running these agents on ECS or Kubernetes would be interesting 🤔

Daniel San

99,965 просмотров • 7 месяцев назад

Why settle for one Claude Code when you can run ten in parallel? We built Claude Squad — a manager for Claude Code & Aider tasks: • Supervise multiple agents in one place • Isolated git workspaces Free + open-source:
0:32

Why settle for one Claude Code when you can run ten in parallel? We built Claude Squad — a manager for Claude Code & Aider tasks: • Supervise multiple agents in one place • Isolated git workspaces Free + open-source:

mufeez

120,932 просмотров • 1 год назад

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 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 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

56,934 просмотров • 4 месяцев назад

Stop paying for Claude Code! Use it for FREE with ollama I just set up Claude Code running locally on my computer. Zero API costs, complete privacy, and it actually works for real coding tasks. Full step-by-step guide in my latest video:
4:42

Stop paying for Claude Code! Use it for FREE with ollama I just set up Claude Code running locally on my computer. Zero API costs, complete privacy, and it actually works for real coding tasks. Full step-by-step guide in my latest video:

Mervin Praison

57,732 просмотров • 4 месяцев назад