mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
fix/function-hooks-article
7 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
 Daniel Avila
|
6cf26f9582 |
feat: Redesign featured pages to match component detail layout (#395)
Replace iframe-based featured pages with native dashboard layout using tabbed navigation, sidebar with metadata, and partner-specific content. - Rewrite dashboard featured/[slug].astro from iframe embed to native Astro page with Overview content + Website external link tab - Expand FeaturedItem type with metadata, links, CTA, and badge data - Add partner badge color variants (Partner/Database/Toolkit) - Add sidebar cards: partner info, CTA button, install command, metadata, links - Remove redundant metadata fields (Type/Category/Website already shown via dedicated fields) - Update docs/ featured pages with component-page layout (legacy site) - Create docs/css/featured-page.css for featured-specific styles Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> |
||
|
Daniel Avila
|
78fc536164 |
feat: add ClaudeKit featured card to homepage (#320)
Add ClaudeKit as a featured integration on the aitmpl.com homepage with a dedicated landing page at /featured/claudekit/. Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> |
||
|
Daniel Avila
|
74b0274401 | fix: X/Twitter preview images not showing for Neon pages (#316) | ||
|
Dani
|
c6cc3a1d03 |
fix: use comma-separated format for Neon install commands
Change repeated --skill/--agent/--setting flags to comma-separated values matching the CLI's expected format. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|
Daniel Avila
|
8c425aff97 |
Neon Open Source Program (#284)
* docs: add comprehensive Neon OSS Program integration plan Create detailed 30-day implementation plan for Neon Instagres integration: - 4 new components (agent, command, MCP, hook) for instant Postgres provisioning - 7 existing component enhancements with Instagres quick-start guides - Featured integration page design (similar to BrainGrid) - Blog article outline and homepage featured section - Partnership deliverables: referral link integration, README logo - Timeline, success metrics, and technical checklist Addresses Neon OSS Program requirements and Databricks team feedback on integration strategy. * docs: simplify Neon integration plan to Skills-focused approach MAJOR SIMPLIFICATION: - Reduce from 11 components to 1 powerful Skill - Focus on auto-activating neon-instagres Skill - Eliminate need to modify existing components - Single install: npx claude-code-templates@latest --skill neon-instagres Key Changes: - Phase 1: Create neon-instagres Skill (auto-provisioning expert) - Phase 2: Featured integration page at /featured/neon-instagres/ - Phase 3: Blog article announcing partnership - Phase 4: Homepage featured banner - Phase 5: README logo + CLAUDE.md updates - Phase 6: Testing and deployment Benefits: - 1 Skill vs. 11 components (simpler) - Auto-activates on database needs (zero friction) - Works with ALL existing agents (no modifications) - Easy to maintain and update - Better user experience Timeline: 30 days across 6 phases Deliverables: 1 Skill + marketing content Result: Instant Postgres provisioning for all Claude Code users Addresses feedback to simplify integration and leverage Skills architecture. * fix: correct Skill installation path to database/neon-instagres Update all installation commands to use correct Skill path format: - Changed from: cli-tool/components/skills/neon-instagres - Changed to: database/neon-instagres Skill path format is: category/skill-name Physical location: cli-tool/components/skills/database/neon-instagres/SKILL.md Install command: npx claude-code-templates@latest --skill database/neon-instagres * docs: expand integration plan to showcase complete Neon template Transform plan from single Skill to complete template ecosystem: COMPLETE NEON TEMPLATE (9 components): 🆕 NEW: - neon-instagres Skill (auto-provisioning entry point) ✅ EXISTING (integrated): - 5 Neon agents (expert, database-architect, auth-specialist, migration-specialist, optimization-analyzer) - 1 Neon MCP (Neon Management API) - 2 Statusline settings (dev metrics, resource monitoring) KEY CHANGES: - Executive Summary: Highlight 9-component template - Integration Strategy: Show Skill → agent delegation pattern - Blog Article: Expand to cover complete template walkthrough - Featured Page: Add 'Complete Template Components' section - Homepage Banner: Update stats (9 Components, 5 Agents) - Implementation Checklist: Add template integration testing - Email to Neon: Emphasize complete ecosystem advantage MARKETING BENEFITS: - Positions Neon as complete development ecosystem (not just database) - Showcases depth: provisioning → schema design → auth → migrations → optimization - No other Postgres provider has this integration depth - Flexible: Quick start (Skill only) OR Full template (9 components) This approach leverages existing assets while adding instant provisioning as the entry point. * feat: add neon-instagres Skill for instant Postgres provisioning Create auto-activating Skill for Neon Instagres instant database provisioning: FEATURES: - Provisions Neon Postgres in 5 seconds via npx get-db - Auto-activates on database-related requests - Framework-specific integration (Next.js, Vite, Express) - ORM setup guides (Drizzle, Prisma, TypeORM) - Delegation to 5 existing Neon expert agents - Security best practices (claim URL warning, .env handling) - 72-hour claimable databases FRONTMATTER: - name: neon-instagres - description: Instant Postgres provisioning with auto-activation - allowed-tools: Read, Write, Bash, Grep, Glob - model: sonnet - user-invocable: true AGENT DELEGATION: - @neon-database-architect - Complex schema design - @neon-auth-specialist - Authentication integration - @neon-migration-specialist - Production migrations - @neon-optimization-analyzer - Performance tuning - @neon-expert - General consultation INSTALLATION: npx claude-code-templates@latest --skill database/neon-instagres Reviewed by component-reviewer agent: ✅ APPROVED Part of: Complete Neon Template (9 components) Referral tracking: --ref 4eCjZDz * feat: add Neon Instagres featured integration page Create comprehensive featured page for Complete Neon Template: STRUCTURE: - docs/featured/neon-instagres/index.html (main page) - docs/featured/neon-instagres/style.css (Neon-themed styling) - docs/featured/neon-instagres/assets/ (directory for logos/images) KEY SECTIONS: - Hero: 4 stat cards (5s, 9 components, 5 agents, 180x faster) - Before/After comparison (Traditional 17-30 min vs Instagres 5s) - Quick Start: 3-step installation guide - Features Grid: 6 key features (instant, serverless, branching, etc) - Use Cases: 4 scenarios (prototyping, testing, learning, enterprise) - Complete Template Components: Showcase all 9 components - Workflow Examples: 3 real-world workflows with step-by-step flows - Resources: Links to docs, console, Drizzle, marketplace - CTA Footer: Call to action with Get Started buttons DESIGN: - Neon brand colors (#00E599 green, #0F0F0F dark) - ASCII art header with Neon Instagres logo - Responsive grid layouts - Hover effects with neon glow - Terminal-style code blocks - Chat message examples SEO: - Complete Open Graph meta tags - Twitter Card integration - Canonical URL - Keywords optimization INSTALLATION OPTIONS: - Quick Start (Skill only) - Full Template (all 9 components in one command) Part of: Phase 2 - Featured Page (Days 6-12) Next: Add logo assets and Open Graph images * feat: add complete Neon template blog article - Create comprehensive blog article (3000+ words, 12 min read) - Cover all 9 template components (Skill + Agents + MCP + Settings) - Include 3 detailed workflow examples with diagrams - Add performance benchmarks and installation guides - Update blog-articles.json with featured article (order: 1) - Category: Partnership, SEO-optimized for Neon integration * feat: add Neon featured integration section to homepage - Create neon-featured.css with Neon branding (#00E599 green) - Add featured partnership section with 3 stats (5s, 9 Components, 5 Agents) - Include dual CTAs (Learn More → featured page, Try Neon Free → referral) - Fully responsive design (desktop → mobile) - Position between partnership banner and stats section - Gradient background with Neon brand colors - Hover effects with neon glow * feat: regenerate component catalog with Neon Instagres Skill - Updated docs/components.json with new database/neon-instagres Skill - Total skills: 357 (added 1) - Catalog ready for deployment * refactor: move Neon to Featured Projects carousel - Remove standalone neon-featured-integration section - Add Neon card to Featured Projects carousel (same format as BrainGrid) - Delete unused neon-featured.css file - Neon card structure: Logo + Title + Description + Arrow - Links to: featured/neon-instagres/index.html * refactor: redesign Neon featured page as blog-style article - Remove all custom green Neon styling (style.css deleted) - Follow exact BrainGrid structure and format - Use only blog.css and styles.css with theme variables - Simplified ASCII art header (like BrainGrid) - Blog-style hero section with article meta - Feature list with 8 components (Skill + 5 Agents + MCP + Statuslines) - Code blocks for installation commands - Workflow example with step-by-step flow - CTA section with referral link - All colors use CSS variables (--accent-color, --bg-primary, etc.) - Consistent with website design system * refactor: convert Neon featured page to technical blog format - Remove 'in 5 Seconds' from title (now: Complete Neon Postgres Template) - Remove publication date (only show category: Featured Partnership) - Use proper blog structure with .article-header (max-width: 800px) - Remove 'NEW' label from skill description - Rewrite with technical tone instead of marketing: * Technical architecture overview (4 layers: Provisioning, Agent, Integration, Monitoring) * Detailed component specifications (Postgres 16, PgBouncer, autoscaling specs) * Agent delegation logic with keyword mapping * Usage patterns with technical flows * Framework-specific integration details * MCP API operations documentation - Replace marketing language with technical descriptions - Focus on implementation details and architecture * fix: restore original header and apply proper blog article structure - Restore Neon ASCII art header (was incorrectly changed to logo nav) - Keep header-actions with Home and Try Neon Free buttons - Fix article structure to use proper blog format: * <main class="terminal"> wrapper * <section class="blog-article-hero"> for title (max-width: 800px) * <article class="blog-article"> for content * <div class="article-body"> + <div class="article-content-full"> (max-width: 800px) - Now properly constrained to 800px width like other blog articles - Header unchanged from original design * feat: add Neon OSS Program badge, featured card, and blog article - Add Neon Open Source Program badge to stats-badges section - Add Neon featured card in compact carousel (matching BrainGrid format) - Remove duplicate featured section from PR branch - Create blog article announcing Neon OSS Program partnership - Create SVG cover image with Neon branding and terminal aesthetic - Update blog-articles.json with new article (order: 0, featured) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * feat: Migrate using-neon skill from neondatabase/agent-skills Added comprehensive Neon Serverless Postgres skill from https://github.com/neondatabase/agent-skills Skill: using-neon (1 skill) - Comprehensive guide for working with Neon Serverless Postgres - Covers getting started, connection methods, features, authentication - Includes reference documentation for: - Core guides (what is Neon, features, getting started, connection methods, devtools) - Database drivers (serverless driver, Drizzle ORM) - Auth & Data API SDKs (@neondatabase/auth, @neondatabase/neon-js) - Platform API & CLI (TypeScript SDK, Python SDK, Neon CLI, REST API) Total files: 29 (SKILL.md + 28 reference files) Location: cli-tool/components/skills/database/using-neon/ All components validated - no hardcoded secrets, no absolute paths, proper frontmatter. Regenerated catalog with updated skill count. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * feat: add using-neon skill to featured Neon page - Add using-neon skill description in Provisioning Layer section - Include 28 reference docs covering core guides, drivers, auth, API/CLI - Update installation commands to include --skill database/using-neon - Update template component count from 9 to 10 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * feat: add code copy buttons to Neon featured page Add CodeCopy script to wrap pre/code blocks with copy button UI, matching the pattern used across other blog articles. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * chore: regenerate component catalog with using-neon skill Total skills: 630 (added database/using-neon from neondatabase/agent-skills) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com> |
||
|
Daniel Avila
|
a98ecaa762 |
fix(seo): Fix social preview images and meta tags across all pages (#313)
- Fix root cause of X/Twitter preview not showing: image path was /social-preview.png but file is at /images/social-preview.png - Fix component.html referencing non-existent og-image.png - Change twitter meta tags from property= to name= (correct spec) in 14 files (all blog articles, blog index, featured, jobs) - Standardize image URLs from www.aitmpl.com to aitmpl.com - Update jobs.html URLs from davila7.github.io to aitmpl.com - Update structured data URL in index.html to aitmpl.com - Add complete OG + Twitter Card meta tags to 5 pages that were missing them: trending, download-stats, plugin, sandbox-interface, workflows https://claude.ai/code/session_01CXzS5mzoK3rZB6PW3QSPPd Co-authored-by: Claude <noreply@anthropic.com> |
||
|
Daniel Avila
|
4322a2278b |
feat: Add Featured Projects carousel with BrainGrid (#267)
* feat: Add Featured Projects carousel with BrainGrid - Added Featured section carousel below category filters in index.html - Created docs/featured/braingrid/ with blog-style page design - Implemented BrainGrid featured project page with product information - Added CSS styles for featured carousel with responsive design - Extended carousel.js with FeaturedCarousel class and scroll functionality - Created SVG cover image for BrainGrid project - Featured section includes card with image, description, and tags * refactor: Make Featured carousel more compact with square cards - Simplified Featured section title without command-block styling - Changed featured cards to compact square design (280x280px) - Replaced preview images with BrainGrid logo - Added BrainGrid logo to article page - Reduced card content to logo, name, minimal description, and arrow - Updated carousel scroll amount for new card size - Improved responsive breakpoints for mobile devices --------- Co-authored-by: Claude <noreply@anthropic.com> |