Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Daniel San profil fotoğrafı
Daniel San1 yıl önce

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

Eyal Toledano profil fotoğrafı
Eyal Toledano1 yıl önce

Brilliant work!

Himanshu Kumar profil fotoğrafı
Himanshu Kumar1 yıl önce

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

4305 profil fotoğrafı
43051 yıl önce

Very nice! Will use

👾 profil fotoğrafı
👾1 yıl önce

This is brilliant. Nice one.

Sudheer Salavadi profil fotoğrafı
Sudheer Salavadi1 yıl önce

Amazing! Thank you.

Cederik ᯅ profil fotoğrafı
Cederik ᯅ1 yıl önce

very cool, well done!

Josh English profil fotoğrafı
Josh English1 yıl önce

this is kewl

Joe Winke profil fotoğrafı
Joe Winke1 yıl önce

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

Daniel San profil fotoğrafı
Daniel San1 yıl önce

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

Benzer Videolar

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,757 görüntüleme • 8 ay önce

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,960 görüntüleme • 1 yıl önce

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 your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.
0:34

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 your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.

Daniel San

10,787 görüntüleme • 1 yıl önce

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,504,331 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

What if you could use Claude Code without paying for tokens? free-claude-code is an open source CLI that lets you run Claude Code, Codex, OpenCode and more on free token sources. Terminal. IDE. Desktop app. Even your phone. Perfect for learning the tools before you pay for them. Check which models it routes to before you trust it with real work. Repo below 👇
0:30

What if you could use Claude Code without paying for tokens? free-claude-code is an open source CLI that lets you run Claude Code, Codex, OpenCode and more on free token sources. Terminal. IDE. Desktop app. Even your phone. Perfect for learning the tools before you pay for them. Check which models it routes to before you trust it with real work. Repo below 👇

CyrilXBT

16,595 görüntüleme • 10 gün önce

Claude subscribers get a progress bar. This gives you the full picture. Claude Code usage dashboard (token counts, costs, sessions, projects) directly inside VS Code. Reads local JSONL transcripts, no API calls. Extension: Claude Code Usage by Paweł Huryn Install from VS Code marketplace: See on GitHub: Hope that helps.
0:22

Claude subscribers get a progress bar. This gives you the full picture. Claude Code usage dashboard (token counts, costs, sessions, projects) directly inside VS Code. Reads local JSONL transcripts, no API calls. Extension: Claude Code Usage by Paweł Huryn Install from VS Code marketplace: See on GitHub: Hope that helps.

Paweł Huryn

19,190 görüntüleme • 5 ay önce

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,240,129 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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

107,454 görüntüleme • 7 ay önce

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,805 görüntüleme • 1 yıl önce

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,463 görüntüleme • 1 yıl önce

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

147,295 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,380 görüntüleme • 11 ay önce

Introducing Jev Model Router for Claude Code This Claude Code Mod lets you use Jev through its direct TypeSafe AI API or Vercel AI Gateway With every request you send to Claude Code, Jev classifies the subagent model, main model (only at session start to avoid breaking the cache), and effort level Install it with one command: npx claude-code-templates@latest --mod productivity/jev-model-router Full Mod details:
0:25

Introducing Jev Model Router for Claude Code This Claude Code Mod lets you use Jev through its direct TypeSafe AI API or Vercel AI Gateway With every request you send to Claude Code, Jev classifies the subagent model, main model (only at session start to avoid breaking the cache), and effort level Install it with one command: npx claude-code-templates@latest --mod productivity/jev-model-router Full Mod details:

Daniel San

206,776 görüntüleme • 1 ay önce

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,754 görüntüleme • 7 ay önce

Introducing Real Claude Code, it's like Claude Code, but Claude brought to life.
0:30

Introducing Real Claude Code, it's like Claude Code, but Claude brought to life.

Lincoln 🇿🇦 ⏸️

24,231 görüntüleme • 4 ay önce