wehub-resource-sync
519 lines
28 KiB
HTML
519 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Complete Neon Template for Claude Code: Instant Provisioning + Expert Agents</title>
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YWW6FV2SGN"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-YWW6FV2SGN');
|
|
</script>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="../static/favicon/favicon.ico">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="../static/favicon/favicon-16x16.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="../static/favicon/favicon-32x32.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="../static/favicon/apple-touch-icon.png">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<meta name="description" content="Complete Neon ecosystem for Claude Code: 1 auto-provisioning Skill + 5 expert agents + MCP + monitoring tools. From zero to production-optimized Postgres in minutes.">
|
|
<meta name="keywords" content="Neon, Claude Code, Postgres, Database, Instagres, Serverless, AI Development, Drizzle ORM, Database Agents, MCP">
|
|
<meta name="author" content="Claude Code Templates">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:url" content="https://aitmpl.com/blog/neon-complete-template-integration/">
|
|
<meta property="og:title" content="Complete Neon Template for Claude Code: Instant Provisioning + Expert Agents">
|
|
<meta property="og:description" content="Complete Neon ecosystem for Claude Code: From instant provisioning to production optimization with 9 components working together.">
|
|
<meta property="og:image" content="https://aitmpl.com/blog/assets/neon-complete-template-integration-cover.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:image:alt" content="Complete Neon Template for Claude Code">
|
|
<meta property="og:site_name" content="Claude Code Templates">
|
|
<meta property="article:author" content="Claude Code Templates">
|
|
<meta property="article:section" content="Partnership">
|
|
<meta property="article:tag" content="Neon">
|
|
<meta property="article:tag" content="Postgres">
|
|
<meta property="article:tag" content="Claude Code">
|
|
<meta property="article:tag" content="Database">
|
|
<meta property="article:tag" content="Partnership">
|
|
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:url" content="https://aitmpl.com/blog/neon-complete-template-integration/">
|
|
<meta name="twitter:title" content="Complete Neon Template for Claude Code">
|
|
<meta name="twitter:description" content="From zero to production-optimized Postgres in minutes with 9 integrated components">
|
|
<meta name="twitter:image" content="https://aitmpl.com/blog/assets/neon-complete-template-integration-cover.png">
|
|
<meta name="twitter:image:alt" content="Complete Neon Template for Claude Code">
|
|
<meta name="twitter:creator" content="@davila7">
|
|
<meta name="twitter:site" content="@davila7">
|
|
|
|
<link rel="canonical" href="https://aitmpl.com/blog/neon-complete-template-integration/">
|
|
|
|
<link rel="stylesheet" href="../css/styles.css">
|
|
<link rel="stylesheet" href="../css/blog.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "BlogPosting",
|
|
"headline": "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.",
|
|
"image": "https://aitmpl.com/blog/assets/neon-complete-template-integration-cover.png",
|
|
"author": {
|
|
"@type": "Organization",
|
|
"name": "Claude Code Templates"
|
|
},
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Claude Code Templates",
|
|
"logo": {
|
|
"@type": "ImageObject",
|
|
"url": "https://aitmpl.com/static/img/logo.svg"
|
|
}
|
|
},
|
|
"mainEntityOfPage": {
|
|
"@type": "WebPage",
|
|
"@id": "https://aitmpl.com/blog/neon-complete-template-integration/"
|
|
},
|
|
"keywords": "Neon, Claude Code, Postgres, Database, Instagres, Serverless, AI Development",
|
|
"articleSection": "Partnership"
|
|
}
|
|
</script>
|
|
|
|
<!-- Hotjar Tracking Code -->
|
|
<script>
|
|
(function(h,o,t,j,a,r){
|
|
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
|
|
h._hjSettings={hjid:6519181,hjsv:6};
|
|
a=o.getElementsByTagName('head')[0];
|
|
r=o.createElement('script');r.async=1;
|
|
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
|
|
a.appendChild(r);
|
|
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="container">
|
|
<div class="header-content">
|
|
<a href="../index.html" class="logo">
|
|
<span class="logo-bracket">[</span>
|
|
<span class="logo-text">Claude Code Templates</span>
|
|
<span class="logo-bracket">]</span>
|
|
</a>
|
|
<nav class="nav">
|
|
<a href="../index.html">Components</a>
|
|
<a href="../blog/index.html" class="active">Blog</a>
|
|
<a href="https://github.com/davila7/claude-code-templates" target="_blank">GitHub</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="blog-article">
|
|
<article class="container">
|
|
<!-- Article Header -->
|
|
<header class="article-header">
|
|
<div class="article-meta">
|
|
<span class="article-date">January 25, 2026</span>
|
|
<span class="article-reading-time">• 12 min read</span>
|
|
<span class="article-category">Partnership</span>
|
|
</div>
|
|
<h1 class="article-title">Complete Neon Template for Claude Code: Instant Provisioning + Expert Agents</h1>
|
|
<p class="article-subtitle">How we integrated Neon's Instagres with 5 expert agents, MCP, and monitoring tools to create the most comprehensive Postgres template for AI development</p>
|
|
<div class="article-author">
|
|
<span class="author-name">Claude Code Templates</span>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Article Content -->
|
|
<div class="article-content">
|
|
<!-- Section 1: Introduction -->
|
|
<section>
|
|
<h2>Announcing the Neon OSS Program Partnership</h2>
|
|
<p>We're excited to announce that Claude Code Templates has joined the <strong class="neon-highlight">Neon OSS Program</strong>, bringing together instant Postgres provisioning with the power of specialized AI agents.</p>
|
|
|
|
<p>This isn't just another database integration—it's a <strong>complete ecosystem</strong> that takes you from zero to production-optimized Postgres in minutes, not hours.</p>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-box">
|
|
<div class="stat-number">⚡ 5s</div>
|
|
<div class="stat-label">Database Provisioning</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-number">9</div>
|
|
<div class="stat-label">Integrated Components</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-number">5</div>
|
|
<div class="stat-label">Expert Agents</div>
|
|
</div>
|
|
<div class="stat-box">
|
|
<div class="stat-number">180x</div>
|
|
<div class="stat-label">Faster Setup</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 2: The Problem -->
|
|
<section>
|
|
<h2>The Database Setup Problem</h2>
|
|
<p>Setting up a database traditionally takes <strong>15-30 minutes</strong> of manual work:</p>
|
|
|
|
<ol>
|
|
<li><strong>Sign up</strong> for a database provider (5 min)</li>
|
|
<li><strong>Wait</strong> for instance provisioning (2-5 min)</li>
|
|
<li><strong>Configure</strong> connection strings (3 min)</li>
|
|
<li><strong>Set up</strong> environment variables (2 min)</li>
|
|
<li><strong>Initialize</strong> schema manually (5-10 min)</li>
|
|
</ol>
|
|
|
|
<p>And that's just the basics. Need auth? Migrations? Performance optimization? Add hours more.</p>
|
|
|
|
<blockquote class="highlight-box">
|
|
<p><strong>The Real Cost:</strong> Every minute spent on infrastructure is a minute not spent building your product.</p>
|
|
</blockquote>
|
|
</section>
|
|
|
|
<!-- Section 3: The Complete Solution -->
|
|
<section>
|
|
<h2>The Complete Solution: Neon Template</h2>
|
|
<p>The Complete Neon Template brings together <strong>9 components</strong> that work seamlessly:</p>
|
|
|
|
<h3>3.1 Instant Provisioning <span class="component-badge">New Skill</span></h3>
|
|
<p>The <code>neon-instagres</code> Skill auto-activates when Claude detects database needs.</p>
|
|
|
|
<pre class="code-block"><code># Install the Skill
|
|
npx claude-code-templates@latest --skill database/neon-instagres
|
|
|
|
# Then just ask Claude:
|
|
"I need a Postgres database for my Next.js app"
|
|
|
|
# Claude automatically runs:
|
|
npx get-db --yes --ref 4eCjZDz</code></pre>
|
|
|
|
<p><strong>Result:</strong> Production-ready Postgres in <span class="neon-highlight">5 seconds</span>.</p>
|
|
|
|
<h3>3.2 Expert Agents <span class="component-badge">5 Existing</span></h3>
|
|
<p>After provisioning, the Skill delegates to specialist agents:</p>
|
|
|
|
<ul>
|
|
<li><strong>neon-expert</strong> - Orchestrates complex Neon workflows</li>
|
|
<li><strong>neon-database-architect</strong> - Schema design with Drizzle ORM</li>
|
|
<li><strong>neon-auth-specialist</strong> - Stack Auth & Neon Auth integration</li>
|
|
<li><strong>neon-migration-specialist</strong> - Safe migration patterns</li>
|
|
<li><strong>neon-optimization-analyzer</strong> - Query performance tuning</li>
|
|
</ul>
|
|
|
|
<h3>3.3 Management API <span class="component-badge">MCP</span></h3>
|
|
<p>The <code>neon</code> MCP provides programmatic control:</p>
|
|
<ul>
|
|
<li>Project management</li>
|
|
<li>Database branching</li>
|
|
<li>Metrics and monitoring</li>
|
|
</ul>
|
|
|
|
<h3>3.4 Development Tools <span class="component-badge">2 Settings</span></h3>
|
|
<p>Real-time monitoring in your statusline:</p>
|
|
<ul>
|
|
<li><strong>neon-database-dev</strong> - Development metrics</li>
|
|
<li><strong>neon-database-resources</strong> - Resource monitoring</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Section 4: Workflow Examples -->
|
|
<section>
|
|
<h2>Complete Workflow Examples</h2>
|
|
|
|
<h3>Example 1: Fullstack App from Zero</h3>
|
|
<div class="workflow-diagram">
|
|
<p><strong>User asks:</strong> "Build a todo app with auth using Neon"</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 1:</strong> neon-instagres Skill provisions database (5s)</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 2:</strong> neon-database-architect generates Drizzle schema</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 3:</strong> neon-auth-specialist sets up Stack Auth</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Result:</strong> Next.js app with API routes, database, and auth ready</p>
|
|
</div>
|
|
|
|
<h3>Example 2: Production Migration</h3>
|
|
<div class="workflow-diagram">
|
|
<p><strong>User asks:</strong> "Migrate our users table to add email verification"</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 1:</strong> neon-migration-specialist creates safe migration</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 2:</strong> Uses Neon branching to test migration</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 3:</strong> neon-optimization-analyzer reviews performance impact</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Result:</strong> Migration executed with rollback plan</p>
|
|
</div>
|
|
|
|
<h3>Example 3: Performance Optimization</h3>
|
|
<div class="workflow-diagram">
|
|
<p><strong>User asks:</strong> "My queries are slow, help optimize"</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 1:</strong> neon-optimization-analyzer analyzes query patterns</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 2:</strong> Recommends indexes and schema changes</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Step 3:</strong> neon MCP monitors resource usage</p>
|
|
<p style="margin: 1rem 0; color: #00E599;">↓</p>
|
|
<p><strong>Result:</strong> Optimizations implemented with benchmarks</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 5: Installation -->
|
|
<section>
|
|
<h2>Template Installation</h2>
|
|
|
|
<h3>Quick Start (Skill Only)</h3>
|
|
<p>Get instant provisioning in one command:</p>
|
|
<pre class="code-block"><code>npx claude-code-templates@latest --skill database/neon-instagres</code></pre>
|
|
|
|
<h3>Full Template (All 9 Components)</h3>
|
|
<p>Install the complete ecosystem:</p>
|
|
<pre class="code-block"><code>npx claude-code-templates@latest \
|
|
--skill database/neon-instagres,database/using-neon \
|
|
--agent database/neon-expert,database/neon-database-architect,database/neon-auth-specialist,data-ai/neon-migration-specialist,data-ai/neon-optimization-analyzer \
|
|
--mcp database/neon \
|
|
--setting statusline/neon-database-dev,statusline/neon-database-resources \
|
|
--yes</code></pre>
|
|
</section>
|
|
|
|
<!-- Section 6: Use Cases -->
|
|
<section>
|
|
<h2>Real-World Use Cases</h2>
|
|
|
|
<h3>🚀 Rapid Prototyping</h3>
|
|
<p>Instant databases plus expert schema design means you can go from idea to working prototype in minutes. No more wrestling with database setup—just build.</p>
|
|
|
|
<h3>🧪 Testing & CI/CD</h3>
|
|
<p>Ephemeral databases with automated migrations. Spin up fresh databases for each test run, then let them expire. Perfect for CI/CD pipelines.</p>
|
|
|
|
<h3>📚 Education & Learning</h3>
|
|
<p>Zero-friction database access with best practices built-in. Students learn proper schema design, migrations, and optimization from expert agents.</p>
|
|
|
|
<h3>🏢 Enterprise Production</h3>
|
|
<p>Database branching for safe migrations, performance monitoring, and optimization analysis. Everything production teams need in one template.</p>
|
|
</section>
|
|
|
|
<!-- Section 7: Performance Benchmarks -->
|
|
<section>
|
|
<h2>Performance Benchmarks</h2>
|
|
|
|
<div class="comparison-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Task</th>
|
|
<th>Traditional</th>
|
|
<th>Neon Template</th>
|
|
<th>Improvement</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Provisioning</td>
|
|
<td>17-30 min</td>
|
|
<td class="neon-highlight">5 seconds</td>
|
|
<td>180x-360x faster</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Schema Design</td>
|
|
<td>Manual trial & error</td>
|
|
<td class="neon-highlight">Expert agent guidance</td>
|
|
<td>Best practices built-in</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Migration Safety</td>
|
|
<td>Risky production changes</td>
|
|
<td class="neon-highlight">Branching + testing</td>
|
|
<td>Zero-downtime migrations</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Optimization</td>
|
|
<td>Guesswork</td>
|
|
<td class="neon-highlight">Data-driven analysis</td>
|
|
<td>Measurable improvements</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section 8: Partnership Details -->
|
|
<section>
|
|
<h2>Partnership Details</h2>
|
|
<p>As part of the Neon OSS Program, we're proud to offer:</p>
|
|
|
|
<ul>
|
|
<li><strong>$5,000 annual sponsorship</strong> supporting Claude Code Templates development</li>
|
|
<li><strong>$20 referral commission</strong> for every customer from our community</li>
|
|
<li><strong>Co-marketing initiatives</strong> with Neon's developer community</li>
|
|
<li><strong>Maintained and updated template</strong> with new Neon features</li>
|
|
</ul>
|
|
|
|
<p>This partnership positions <span class="neon-highlight">Neon as the recommended Postgres provider</span> across all Claude Code components.</p>
|
|
</section>
|
|
|
|
<!-- Section 9: Component Deep Dives -->
|
|
<section>
|
|
<h2>Component Deep Dives</h2>
|
|
|
|
<h3>9.1 neon-instagres Skill</h3>
|
|
<p><strong>Auto-Activation Triggers:</strong></p>
|
|
<ul>
|
|
<li>User mentions: "database", "postgres", "SQL"</li>
|
|
<li>Framework contexts: Next.js, Vite, Express</li>
|
|
<li>ORM mentions: Drizzle, Prisma, TypeORM</li>
|
|
</ul>
|
|
|
|
<p><strong>Framework Integration:</strong></p>
|
|
<ul>
|
|
<li>Next.js: <code>--env .env.local</code></li>
|
|
<li>Vite: Auto-provisioning with vite-plugin-db</li>
|
|
<li>Express: Standard .env setup</li>
|
|
</ul>
|
|
|
|
<h3>9.2 Agent Ecosystem</h3>
|
|
<p><strong>Delegation Pattern:</strong></p>
|
|
<p>The Skill acts as the entry point, then delegates to specialist agents based on the task:</p>
|
|
<ul>
|
|
<li><strong>Complex schema?</strong> → neon-database-architect</li>
|
|
<li><strong>Need auth?</strong> → neon-auth-specialist</li>
|
|
<li><strong>Production migration?</strong> → neon-migration-specialist</li>
|
|
<li><strong>Performance issues?</strong> → neon-optimization-analyzer</li>
|
|
</ul>
|
|
|
|
<h3>9.3 MCP Integration</h3>
|
|
<p>Programmatic Neon control through the MCP server:</p>
|
|
<ul>
|
|
<li>Create and manage database branches</li>
|
|
<li>Monitor resource usage and metrics</li>
|
|
<li>Automate database operations</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Section 10: Getting Started Guide -->
|
|
<section>
|
|
<h2>Getting Started Guide</h2>
|
|
|
|
<h3>Step 1: Install the Skill</h3>
|
|
<pre class="code-block"><code>npx claude-code-templates@latest --skill database/neon-instagres</code></pre>
|
|
|
|
<h3>Step 2: Ask Claude for a Database</h3>
|
|
<p>Just describe what you need:</p>
|
|
<ul>
|
|
<li>"I need a database for my todo app"</li>
|
|
<li>"Setup a Postgres database with auth"</li>
|
|
<li>"Create a database for my Next.js project"</li>
|
|
</ul>
|
|
|
|
<h3>Step 3: Add Specialist Agents (Optional)</h3>
|
|
<p>For advanced workflows, install specific agents:</p>
|
|
<ul>
|
|
<li><strong>Schema design:</strong> <code>--agent database/neon-database-architect</code></li>
|
|
<li><strong>Auth integration:</strong> <code>--agent database/neon-auth-specialist</code></li>
|
|
<li><strong>Migrations:</strong> <code>--agent data-ai/neon-migration-specialist</code></li>
|
|
<li><strong>Performance:</strong> <code>--agent data-ai/neon-optimization-analyzer</code></li>
|
|
</ul>
|
|
|
|
<h3>Step 4: Enable Monitoring (Optional)</h3>
|
|
<p>Add statusline settings for real-time metrics:</p>
|
|
<pre class="code-block"><code>npx claude-code-templates@latest \
|
|
--setting statusline/neon-database-dev \
|
|
--setting statusline/neon-database-resources</code></pre>
|
|
</section>
|
|
|
|
<!-- Section 11: Conclusion -->
|
|
<section>
|
|
<h2>Complete Neon Ecosystem in Claude Code</h2>
|
|
<p>The Complete Neon Template represents a new approach to database integration in AI development tools:</p>
|
|
|
|
<ul>
|
|
<li><strong>Instant provisioning</strong> eliminates setup friction</li>
|
|
<li><strong>Expert agents</strong> provide guidance at every step</li>
|
|
<li><strong>Programmatic control</strong> through MCP for advanced workflows</li>
|
|
<li><strong>Real-time monitoring</strong> keeps you informed</li>
|
|
</ul>
|
|
|
|
<p>From zero to production-optimized Postgres in <strong class="neon-highlight">minutes, not hours</strong>.</p>
|
|
|
|
<div class="cta-box">
|
|
<h3>Ready to Get Started?</h3>
|
|
<p>Try the Complete Neon Template today:</p>
|
|
<div style="margin-top: 1.5rem;">
|
|
<a href="https://get.neon.com/4eCjZDz" class="btn btn-primary" target="_blank">Try Neon Free →</a>
|
|
<a href="../featured/neon-instagres/" class="btn btn-secondary">View Template →</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Resources -->
|
|
<section>
|
|
<h2>Resources</h2>
|
|
<ul>
|
|
<li><a href="https://neon.tech/docs/guides/instagres" target="_blank">Instagres Documentation</a></li>
|
|
<li><a href="https://console.neon.tech" target="_blank">Neon Console</a></li>
|
|
<li><a href="https://orm.drizzle.team/docs/get-started-postgresql#neon" target="_blank">Drizzle + Neon Guide</a></li>
|
|
<li><a href="../featured/neon-instagres/" target="_blank">Complete Template Page</a></li>
|
|
<li><a href="../index.html" target="_blank">Browse All Components</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Article Footer -->
|
|
<footer class="article-footer">
|
|
<div class="article-tags">
|
|
<span class="tag">Neon</span>
|
|
<span class="tag">Postgres</span>
|
|
<span class="tag">Template</span>
|
|
<span class="tag">Skills</span>
|
|
<span class="tag">Agents</span>
|
|
<span class="tag">MCP</span>
|
|
<span class="tag">Partnership</span>
|
|
</div>
|
|
|
|
<div class="article-share">
|
|
<p>Share this article:</p>
|
|
<div class="share-buttons">
|
|
<a href="https://twitter.com/intent/tweet?text=Complete%20Neon%20Template%20for%20Claude%20Code&url=https://aitmpl.com/blog/neon-complete-template-integration.html" target="_blank" class="share-btn twitter">Twitter</a>
|
|
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://aitmpl.com/blog/neon-complete-template-integration.html" target="_blank" class="share-btn linkedin">LinkedIn</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="back-to-blog">
|
|
<a href="index.html">← Back to Blog</a>
|
|
</div>
|
|
</footer>
|
|
</article>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<p>© 2026 Claude Code Templates. Part of the Neon OSS Program.</p>
|
|
<p>
|
|
<a href="https://github.com/davila7/claude-code-templates" target="_blank">GitHub</a> •
|
|
<a href="https://get.neon.com/4eCjZDz" target="_blank">Try Neon</a> •
|
|
<a href="../index.html">Components</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="../js/main.js"></script>
|
|
</body>
|
|
</html>
|