wehub-resource-sync
306 lines
15 KiB
JSON
306 lines
15 KiB
JSON
{
|
|
"articles": [
|
|
{
|
|
"id": "neon-open-source-program",
|
|
"title": "Claude Code Templates Joins the Neon Open Source Program",
|
|
"description": "We're excited to announce that Claude Code Templates has been accepted into the Neon Open Source Program, bringing $5,000 annual sponsorship, co-marketing opportunities, and instant Postgres provisioning to all users.",
|
|
"url": "neon-open-source-program/",
|
|
"image": "assets/neon-open-source-program-cover.svg",
|
|
"category": "Partnership",
|
|
"readTime": "5 min read",
|
|
"tags": ["Neon", "Postgres", "Open Source", "Partnership", "Sponsorship"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 0
|
|
},
|
|
{
|
|
"id": "neon-complete-template-integration",
|
|
"title": "Complete Neon Template for Claude Code: Instant Provisioning + Expert Agents",
|
|
"description": "Complete Neon ecosystem for Claude Code: 1 auto-provisioning Skill + 5 expert agents + MCP + monitoring tools. From zero to production-optimized Postgres in minutes.",
|
|
"url": "neon-complete-template-integration.html",
|
|
"image": "assets/neon-template-cover.png",
|
|
"category": "Partnership",
|
|
"readTime": "12 min read",
|
|
"tags": ["Neon", "Postgres", "Template", "Skills", "Agents", "MCP", "Partnership"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 1
|
|
},
|
|
{
|
|
"id": "frontend-developer-agent",
|
|
"title": "Claude Code Frontend Developer Agent: Complete 2025 Tutorial",
|
|
"description": "Complete guide to the #1 most downloaded Claude Code component. Build modern web applications with React, Vue, and Next.js using AI-powered frontend development. 7,553+ installations.",
|
|
"url": "frontend-developer-agent/",
|
|
"image": "assets/frontend-developer-agent-cover.png",
|
|
"category": "Agents",
|
|
"readTime": "12 min read",
|
|
"tags": ["Agents", "Frontend", "React", "Vue", "Next.js", "AI Development"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 1
|
|
},
|
|
{
|
|
"id": "code-reviewer-agent",
|
|
"title": "AI Code Review Automation with Claude Code: 2025 Complete Guide",
|
|
"description": "Complete guide to the Code Reviewer Agent - automate code reviews, enforce best practices, and improve code quality with AI-powered analysis. 5,516+ installations.",
|
|
"url": "code-reviewer-agent/",
|
|
"image": "assets/code-reviewer-agent-cover.png",
|
|
"category": "Agents",
|
|
"readTime": "14 min read",
|
|
"tags": ["Agents", "Code Review", "Security", "Best Practices", "Automation"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 2
|
|
},
|
|
{
|
|
"id": "context7-mcp",
|
|
"title": "Context7 MCP for Claude Code: Real-Time Documentation Integration 2025",
|
|
"description": "Complete guide to Context7 MCP - real-time library documentation integration for Claude Code. Access up-to-date docs for React, Next.js, Supabase, and 1000+ libraries. 3,288+ installations.",
|
|
"url": "context7-mcp/",
|
|
"image": "assets/context7-mcp-cover.png",
|
|
"category": "MCP",
|
|
"readTime": "12 min read",
|
|
"tags": ["MCP", "Documentation", "Context7", "Real-time", "Libraries"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 3
|
|
},
|
|
{
|
|
"id": "skills-creator",
|
|
"title": "Claude Code Skills Tutorial: Create Custom AI Workflows in 2025",
|
|
"description": "Complete guide to Claude Code Skills system - create custom AI workflows with progressive context loading. Learn to build reusable automation for your development workflow. 2,298+ installations.",
|
|
"url": "skills-creator/",
|
|
"image": "assets/skills-creator-cover.png",
|
|
"category": "Skills",
|
|
"readTime": "15 min read",
|
|
"tags": ["Skills", "Workflows", "Automation", "Progressive Loading", "Custom AI"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 4
|
|
},
|
|
{
|
|
"id": "e2b-claude-code-sandbox",
|
|
"title": "E2B + Claude Code Sandbox: Secure Cloud Development Environment Guide",
|
|
"description": "Complete guide to run Claude Code in isolated E2B cloud sandbox. Install components safely, execute prompts in secure environment, and develop without local system risks.",
|
|
"url": "e2b-claude-code-sandbox/",
|
|
"image": "assets/e2b-claude-code-sandbox-cover.png",
|
|
"category": "Cloud Development",
|
|
"readTime": "6 min read",
|
|
"tags": ["E2B", "Cloud", "Sandbox", "Security", "Isolation"],
|
|
"difficulty": "advanced",
|
|
"featured": true,
|
|
"order": 5
|
|
},
|
|
{
|
|
"id": "supabase-integration",
|
|
"title": "Claude Code + Supabase Integration: Complete Guide with Agents, Commands and MCP",
|
|
"description": "Learn how to integrate Supabase with Claude Code using MCP, Agents, and Commands for faster database development.",
|
|
"url": "https://medium.com/@dan.avila7/claude-code-supabase-integration-complete-guide-with-agents-commands-and-mcp-427613d9051e",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*UkD_4OChMB5_x50ZPledvw.png",
|
|
"category": "Database",
|
|
"readTime": "5 min read",
|
|
"tags": ["Supabase", "Database", "Agents", "Commands", "MCP"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 6
|
|
},
|
|
{
|
|
"id": "git-flow-guide",
|
|
"title": "Complete Guide to Setting Up Git Flow in Claude Code",
|
|
"description": "Step-by-step guide to implementing Git Flow workflow in Claude Code for better version control and team collaboration.",
|
|
"url": "https://medium.com/@dan.avila7/complete-guide-to-setting-up-git-flow-in-claude-code-616477941f78",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*hY3wY-RvsuF4aIFopX9cMg.png",
|
|
"category": "Development",
|
|
"readTime": "7 min read",
|
|
"tags": ["Git", "Workflow", "Version Control", "Automation"],
|
|
"difficulty": "intermediate",
|
|
"order": 7
|
|
},
|
|
{
|
|
"id": "google-cloud-vertex-ai",
|
|
"title": "Step-by-Step Guide to Connect Claude Code with Google Cloud Vertex AI",
|
|
"description": "Complete guide to integrate Claude Code with Google Cloud Vertex AI for enhanced AI capabilities and scalable cloud infrastructure.",
|
|
"url": "https://medium.com/@dan.avila7/step-by-step-guide-to-connect-claude-code-with-google-cloud-vertex-ai-17e7916e711e",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*1mhKnj46P_xCxovKsQqBuQ.png",
|
|
"category": "Cloud & AI",
|
|
"readTime": "8 min read",
|
|
"tags": ["Google Cloud", "Vertex AI", "Integration", "Cloud"],
|
|
"difficulty": "advanced",
|
|
"order": 8
|
|
},
|
|
{
|
|
"id": "automated-documentation",
|
|
"title": "Automated Documentation with Claude Code: Building Self-Updating Docs Using Docusaurus Agent",
|
|
"description": "Learn how to create self-updating documentation systems using Claude Code and the Docusaurus agent for automatic content generation.",
|
|
"url": "https://medium.com/@dan.avila7/automated-documentation-with-claude-code-building-self-updating-docs-using-docusaurus-agent-2c85d3ec0e19",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*Qxn21wqw6J4QACgoZkWWpg.png",
|
|
"category": "Documentation",
|
|
"readTime": "6 min read",
|
|
"tags": ["Documentation", "Docusaurus", "Automation", "Agents"],
|
|
"difficulty": "advanced",
|
|
"order": 9
|
|
},
|
|
{
|
|
"id": "claude-code-templates-guide",
|
|
"title": "Complete Guide to Claude Code Templates",
|
|
"description": "Comprehensive introduction to Claude Code Templates, covering installation, configuration, and best practices for AI-powered development.",
|
|
"url": "https://medium.com/latinxinai/complete-guide-to-claude-code-templates-4e53d6688b34",
|
|
"image": "https://miro.medium.com/v2/resize:fit:1400/format:webp/1*YwxsC2eeW5fW1K6E8VBZpA.png",
|
|
"category": "Getting Started",
|
|
"readTime": "5 min read",
|
|
"tags": ["Getting Started", "Templates", "Installation", "Configuration"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 10
|
|
},
|
|
{
|
|
"id": "tunnel-vision-fix",
|
|
"title": "Fixed Claude Code's 2024 Tunnel Vision with a Simple Hook",
|
|
"description": "Learn how to solve Claude Code's tunnel vision problem using a simple automation hook for better context awareness.",
|
|
"url": "https://medium.com/@dan.avila7/fixed-claude-codes-2024-tunnel-vision-with-a-simple-hook-cb32cfaf9b27",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*T5gG6RGS-4dpD0K6mhnkHA.png",
|
|
"category": "Automation",
|
|
"readTime": "3 min read",
|
|
"tags": ["Hooks", "Automation", "Context", "Problem Solving"],
|
|
"difficulty": "basic",
|
|
"order": 11
|
|
},
|
|
{
|
|
"id": "telegram-integration",
|
|
"title": "Step-by-Step Guide: Connect Telegram with Claude Code Hooks",
|
|
"description": "Complete tutorial for integrating Telegram notifications with Claude Code using automation hooks.",
|
|
"url": "https://medium.com/@dan.avila7/step-by-step-guide-connect-telegram-with-claude-code-hooks-1686fadcee65",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*CMFx_4KLxgIbv8xZ6UCpQw.png",
|
|
"category": "Integrations",
|
|
"readTime": "4 min read",
|
|
"tags": ["Telegram", "Hooks", "Notifications", "Integration"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 12
|
|
},
|
|
{
|
|
"id": "vercel-statusline",
|
|
"title": "Vercel Statusline Tutorial for Claude Code",
|
|
"description": "Learn how to create a custom Vercel statusline for Claude Code to monitor deployments and project status.",
|
|
"url": "https://medium.com/@dan.avila7/vercel-statusline-tutorial-for-claude-code-14755f113d76",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*dGIs0XoRdrs9STzM-BWDSA.png",
|
|
"category": "Customization",
|
|
"readTime": "3 min read",
|
|
"tags": ["Vercel", "Statusline", "Deployment", "Monitoring"],
|
|
"difficulty": "basic",
|
|
"order": 13
|
|
},
|
|
{
|
|
"id": "cloudflare-sandbox",
|
|
"title": "Claude Code Agents with Cloudflare Sandbox for Isolated Environments",
|
|
"description": "Learn how to run Claude Code agents in isolated Cloudflare Workers sandbox environments for secure and scalable development.",
|
|
"url": "https://medium.com/@dan.avila7/claude-code-agents-with-cloudflare-sandbox-for-isolated-environments-f89b2668a06d",
|
|
"image": "https://miro.medium.com/v2/resize:fit:640/format:webp/1*g9xeEVW_qaX8vfrFY8lxqg.png",
|
|
"category": "Cloud Development",
|
|
"readTime": "7 min read",
|
|
"tags": ["Cloudflare", "Sandbox", "Agents", "Security", "Workers"],
|
|
"difficulty": "advanced",
|
|
"order": 14
|
|
},
|
|
{
|
|
"id": "prepare-codebase",
|
|
"title": "Step-by-Step Guide: Prepare Your Codebase for Claude Code",
|
|
"description": "Advanced guide to structuring and optimizing your codebase for maximum efficiency with Claude Code.",
|
|
"url": "https://medium.com/@dan.avila7/step-by-step-guide-prepare-your-codebase-for-claude-code-3e14262566e9",
|
|
"image": "https://miro.medium.com/v2/resize:fit:720/format:webp/1*lV1ujaM_2kDSJXNlmLIg2A.png",
|
|
"category": "Best Practices",
|
|
"readTime": "4 min read",
|
|
"tags": ["Best Practices", "Code Organization", "Optimization", "Setup"],
|
|
"difficulty": "advanced",
|
|
"order": 15
|
|
},
|
|
{
|
|
"id": "simple-notifications-hook",
|
|
"title": "Simple Notifications Hook for Claude Code",
|
|
"description": "Get instant desktop notifications when Claude Code operations complete. Cross-platform hook for macOS and Linux.",
|
|
"url": "simple-notifications-hook/",
|
|
"image": "https://www.aitmpl.com/blog/assets/simple-notifications-hook-cover.png",
|
|
"category": "Automation",
|
|
"readTime": "4 min read",
|
|
"tags": ["Claude Code", "Hooks", "Notifications", "Automation", "Desktop Alerts"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 16
|
|
},
|
|
{
|
|
"id": "react-best-practices-skill",
|
|
"title": "React Best Practices Skill: 40+ Performance Optimization Rules",
|
|
"description": "Master React and Next.js performance optimization with 40+ proven rules. Learn to eliminate waterfalls, optimize bundles, and improve rendering performance in your applications.",
|
|
"url": "react-best-practices-skill/",
|
|
"image": "assets/react-best-practices-skill-cover.svg",
|
|
"category": "Skills",
|
|
"readTime": "8 min read",
|
|
"tags": ["React", "Next.js", "Performance", "Optimization", "Best Practices", "Skills"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 17
|
|
},
|
|
{
|
|
"id": "heygen-best-practices-skill",
|
|
"title": "HeyGen Best Practices Skill: AI Avatar Video Creation Guide",
|
|
"description": "Master HeyGen API integration with 18+ best practice rules. Learn to create AI avatar videos, manage voices, handle video generation workflows, and implement streaming avatars.",
|
|
"url": "heygen-best-practices-skill/",
|
|
"image": "assets/heygen-best-practices-skill-cover.svg",
|
|
"category": "Skills",
|
|
"readTime": "10 min read",
|
|
"tags": ["HeyGen", "AI Video", "Avatar", "Text-to-Video", "API Integration", "Skills"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 18
|
|
},
|
|
{
|
|
"id": "security-hooks-secrets",
|
|
"title": "Block API Keys & Secrets from Your Commits with Claude Code Hooks",
|
|
"description": "Learn how to set up a PreToolUse hook in Claude Code that automatically detects and blocks commits containing API keys, passwords, and secrets.",
|
|
"url": "security-hooks-secrets/",
|
|
"image": "assets/security-hooks-secrets-cover.svg",
|
|
"category": "Security",
|
|
"readTime": "4 min read",
|
|
"tags": ["Security", "Hooks", "Git", "Secrets", "Best Practices"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 19
|
|
},
|
|
{
|
|
"id": "vercel-deployment-monitor-statusline",
|
|
"title": "Monitor Vercel Deployments in Real-Time with Claude Code Statuslines",
|
|
"description": "Add a real-time Vercel deployment monitor to your Claude Code terminal. See build status, time since last deploy, and click directly to your deployment URL.",
|
|
"url": "vercel-deployment-monitor-statusline/",
|
|
"image": "assets/vercel-deployment-monitor-statusline-cover.svg",
|
|
"category": "Monitoring",
|
|
"readTime": "5 min read",
|
|
"tags": ["Vercel", "Statusline", "Deployment", "Monitoring", "DevOps"],
|
|
"difficulty": "intermediate",
|
|
"featured": true,
|
|
"order": 20
|
|
},
|
|
{
|
|
"id": "hackathon-ai-strategist-agent",
|
|
"title": "Win Your Next Hackathon with the AI Strategist Agent for Claude Code",
|
|
"description": "Install the Hackathon AI Strategist agent for Claude Code to get expert ideation, judging-criteria evaluation, pitch coaching, and time management for your next hackathon.",
|
|
"url": "hackathon-ai-strategist-agent/",
|
|
"image": "assets/hackathon-ai-strategist-agent-cover.svg",
|
|
"category": "Agents",
|
|
"readTime": "5 min read",
|
|
"tags": ["Hackathon", "AI Strategy", "Agents", "Ideation", "Competition", "Claude Code"],
|
|
"difficulty": "basic",
|
|
"featured": true,
|
|
"order": 21
|
|
}
|
|
],
|
|
"metadata": {
|
|
"lastUpdated": "2026-02-01",
|
|
"totalArticles": 22,
|
|
"difficultyLevels": {
|
|
"basic": 9,
|
|
"intermediate": 7,
|
|
"advanced": 5
|
|
}
|
|
}
|
|
}
|