claude[bot]
c840d6f626
* feat(dashboard): split component hero into info + live Claude Code terminal Before: every component detail page opened with a full-width header card, then the install command stacked underneath it, and nothing on the page showed what installing the component actually does. After: the top of the page is two columns. The left keeps the component identity (icon, name, type, category, downloads), adds its description, and carries the install command plus the GitHub/metadata buttons. The right is a Claude Code terminal that types the npx install command, prints the installer's real output, then opens `claude` and runs the component — the skill being loaded, the agent task, the slash command, the MCP server connecting, the hook firing on its own event, the mod loading behind the function-hooks flag. How: a new ComponentTerminal React island builds a per-type script from the same lines cli-tool/src/index.js prints, and replays it with a typing animation. It starts on scroll into view, has a Replay button, and prints the whole transcript at once under prefers-reduced-motion. The page passes the MCP server name / hook event and the real file count so each demo shows the component's own handles. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JtFVg9ffrJGnvvny4sQ3rw * fix(dashboard): match the real Claude Code startup screen in the terminal Before: opening `claude` in the demo printed an invented "✻ Welcome to Claude Code" panel, the prompt was a plain `>`, and the terminal had no status bar. After: it prints what the CLI actually shows on open — the pixel mascot beside a bold "Claude Code" line and the working directory — types at Claude Code's own `❯` prompt, and once the session is open the terminal wears the CLI's status bar (directory, branch, auto mode on). How: the welcome step renders an inline-SVG mascot and header instead of box-drawing characters, `ask` steps use `❯`, and a `sessionOpen` flag (set once the startup screen has printed) drives the status bar and the trailing prompt character. The version and plan lines are left out on purpose: they would go stale on a public page. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JtFVg9ffrJGnvvny4sQ3rw --------- Co-authored-by: Claude <noreply@anthropic.com>
Sponsored by Bright Data
Bright Data proudly supports this project.
Connect Claude Code to live web data — try their Skills and MCPs for web search, scraping, and structured data feeds.
# Install the Bright Data Skills + MCP for Claude Code
npx claude-code-templates@latest --skill web-data/search,web-data/scrape,web-data/data-feeds,web-data/bright-data-mcp,web-data/bright-data-best-practices,development/brightdata-local-search --mcp web-data/brightdata --yes
Claude Code Templates (aitmpl.com)
Ready-to-use configurations for Anthropic's Claude Code. A comprehensive collection of AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates to enhance your development workflow.
Browse & Install Components and Templates
Browse All Templates - Interactive web interface to explore and install 100+ agents, commands, settings, hooks, and MCPs.
🚀 Quick Installation
# Install a complete development stack
npx claude-code-templates@latest --agent development-team/frontend-developer --command testing/generate-tests --mcp development/github-integration --yes
# Browse and install interactively
npx claude-code-templates@latest
# Install specific components
npx claude-code-templates@latest --agent development-tools/code-reviewer --yes
npx claude-code-templates@latest --command performance/optimize-bundle --yes
npx claude-code-templates@latest --setting performance/mcp-timeouts --yes
npx claude-code-templates@latest --hook git/pre-commit-validation --yes
npx claude-code-templates@latest --mcp database/postgresql-integration --yes
What You Get
| Component | Description | Examples |
|---|---|---|
| 🤖 Agents | AI specialists for specific domains | Security auditor, React performance optimizer, database architect |
| ⚡ Commands | Custom slash commands | /generate-tests, /optimize-bundle, /check-security |
| 🔌 MCPs | External service integrations | GitHub, PostgreSQL, Stripe, AWS, OpenAI |
| ⚙️ Settings | Claude Code configurations | Timeouts, memory settings, output styles |
| 🪝 Hooks | Automation triggers | Pre-commit validation, post-completion actions |
| 🎨 Skills | Reusable capabilities with progressive disclosure | PDF processing, Excel automation, custom workflows |
🛠️ Additional Tools
Beyond the template catalog, Claude Code Templates includes powerful development tools:
📊 Claude Code Analytics
Monitor your AI-powered development sessions in real-time with live state detection and performance metrics.
npx claude-code-templates@latest --analytics
💬 Conversation Monitor
Mobile-optimized interface to view Claude responses in real-time with secure remote access.
# Local access
npx claude-code-templates@latest --chats
# Secure remote access via Cloudflare Tunnel
npx claude-code-templates@latest --chats --tunnel
🔍 Health Check
Comprehensive diagnostics to ensure your Claude Code installation is optimized.
npx claude-code-templates@latest --health-check
🔌 Plugin Dashboard
View marketplaces, installed plugins, and manage permissions from a unified interface.
npx claude-code-templates@latest --plugins
📖 Documentation
📚 docs.aitmpl.com - Complete guides, examples, and API reference for all components and tools.
Contributing
We welcome contributions! Browse existing templates to see what's available, then check our contributing guidelines to add your own agents, commands, MCPs, settings, or hooks.
Please read our Code of Conduct before contributing.
Attribution
This collection includes components from multiple sources:
Scientific Skills:
- K-Dense-AI/claude-scientific-skills by K-Dense Inc. - MIT License (139 scientific skills for biology, chemistry, medicine, and computational research)
Official Anthropic:
- anthropics/skills - Official Anthropic skills (21 skills)
- anthropics/claude-code - Development guides and examples (10 skills)
Community Skills & Agents:
- obra/superpowers by Jesse Obra - MIT License (14 workflow skills)
- alirezarezvani/claude-skills by Alireza Rezvani - MIT License (36 professional role skills)
- wshobson/agents by wshobson - MIT License (48 agents)
- NerdyChefsAI Skills - Community contribution - MIT License (specialized enterprise skills)
Commands & Tools:
- awesome-claude-code by hesreallyhim - CC0 1.0 Universal (21 commands)
- awesome-claude-skills - Apache 2.0 (community skills)
- move-code-quality-skill - MIT License
- cocoindex-claude - Apache 2.0
Each of these resources retains its original license and attribution, as defined by their respective authors. We respect and credit all original creators for their work and contributions to the Claude ecosystem.
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🔗 Links
- 🌐 Browse Templates: aitmpl.com
- 📚 Documentation: docs.aitmpl.com
- 💬 Community: GitHub Discussions
- 🐛 Issues: GitHub Issues
Stargazers over time
⭐ Found this useful? Give us a star to support the project!
