Managed repository for Mosaic project nice-gee
Go to file
kbanc85 e127f885ec Implement infographic system with automated AI filtering
## What Was Added:
1. **Infographics field** in ClaimData interface
   - filename, alt text, optional caption
   - Added to all 14 existing claims (empty arrays where no images)

2. **Dynamic template enhancement**
   - Added Next.js Image component
   - "Visual Evidence" section displays infographics
   - Appears after Key Statistics, before Sources

3. **Automated image filtering**
   - AI evaluates images against strict criteria:
     - White background required
     - Black text with red accents only
     - NO photographs, screenshots, colored backgrounds
   - Downloads only compliant images

4. **Claude Skills article**
   - ✅ 3 infographics added (workflow, implementation, performance)
   - Downloaded to /public/assets/
   - All meet white/black/red criteria

5. **Vibe Coding article**
   - No compliant infographics found (photos/banners only)
   - Page created without images (per guidelines)

6. **Documentation updated**
   - ADDING_NEW_CLAIMS.md includes infographic criteria
   - Explains automated filtering process

## File Changes:
- src/data/claims.ts: Added infographics field to interface + all entries
- src/app/claims-library/[slug]/page.tsx: Added Image display section
- public/assets/*.png: 3 new Claude Skills infographics
- ADDING_NEW_CLAIMS.md: Documented infographic workflow

## Result:
✅ Infographics now part of automated extraction workflow
✅ Strict filtering ensures brand consistency
✅ No infographics = OK (many pages work fine without)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-04 14:38:09 -05:00
public Implement infographic system with automated AI filtering 2025-11-04 14:38:09 -05:00
scripts Add 2 new claims pages using automated AI extraction 2025-11-04 14:29:42 -05:00
src Add 2 new claims pages using automated AI extraction 2025-11-04 14:29:42 -05:00
.gitignore Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
ADDING_NEW_CLAIMS.md Add 2 new claims pages using automated AI extraction 2025-11-04 14:29:42 -05:00
ARTICLE_PUBLICATION_DATES.md Order claims library by original article publication date (newest first) 2025-11-04 10:05:47 -05:00
CITATION_SYSTEM_GUIDE.md Update guide with finalized pattern: full name + copy buttons 2025-11-04 11:02:07 -05:00
CLAIMS_PAGE_GUIDELINES.md Add strict image selection criteria for claims pages 2025-11-04 09:53:27 -05:00
DOCUMENTATION_INDEX.md Add documentation index for easy navigation 2025-11-04 10:00:00 -05:00
DOMAIN_SETUP_GUIDE.md Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
GEO_AUDIT_2025-11-04.md Major GEO optimization: Phase 1 complete 2025-11-04 10:33:46 -05:00
MIGRATION_SUMMARY.md Update all documentation to reflect current workflow and standards 2025-11-04 09:59:20 -05:00
NAMECHEAP_DNS_SETUP.md Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
README.md Update all documentation to reflect current workflow and standards 2025-11-04 09:59:20 -05:00
WORKFLOW.md Update all documentation to reflect current workflow and standards 2025-11-04 09:59:20 -05:00
next.config.js Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
package-lock.json Automate sitemap and RSS feed generation 2025-11-04 12:36:51 -05:00
package.json Add 2 new claims pages using automated AI extraction 2025-11-04 14:29:42 -05:00
postcss.config.js Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
tailwind.config.ts Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00
tsconfig.json Initial commit: Next.js migration with SSG for GEO optimization 2025-11-04 08:36:52 -05:00

README.md

kbanc-nextjs

Next.js site for kbanc.com with static site generation for optimal GEO (Generative Engine Optimization).

Live Site

Auto-Deployment

This repository is connected to Netlify. Every push to main branch triggers automatic deployment.

Project Stats

  • Total Pages: 15 static HTML files
  • Claims Pages: 10 individual claim articles
  • Build Time: ~3 seconds
  • GEO Optimized: ✅ Pre-rendered HTML + JSON-LD schema

Documentation

Setup & Deployment

  • MIGRATION_SUMMARY.md - Technical migration details
  • DOMAIN_SETUP_GUIDE.md - Custom domain setup instructions
  • NAMECHEAP_DNS_SETUP.md - Complete DNS configuration

Workflows

  • WORKFLOW.md - Complete process for creating new claims pages
  • CLAIMS_PAGE_GUIDELINES.md - Strict image selection criteria

Local Development

npm install
npm run dev
# Visit http://localhost:3000

Build for Production

npm run build
# Output: /out directory

Creating New Claims Pages

See WORKFLOW.md for the complete step-by-step process including:

  • Extracting atomic claims from articles
  • Strict image selection criteria (white bg, black text, red accents only)
  • Required file updates (sitemap, components, CSV)
  • Build and deployment checklist