## 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>
|
||
|---|---|---|
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| ADDING_NEW_CLAIMS.md | ||
| ARTICLE_PUBLICATION_DATES.md | ||
| CITATION_SYSTEM_GUIDE.md | ||
| CLAIMS_PAGE_GUIDELINES.md | ||
| DOCUMENTATION_INDEX.md | ||
| DOMAIN_SETUP_GUIDE.md | ||
| GEO_AUDIT_2025-11-04.md | ||
| MIGRATION_SUMMARY.md | ||
| NAMECHEAP_DNS_SETUP.md | ||
| README.md | ||
| WORKFLOW.md | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
README.md
kbanc-nextjs
Next.js site for kbanc.com with static site generation for optimal GEO (Generative Engine Optimization).
Live Site
- Production: https://kbanc-nextjs.netlify.app
- GitHub: https://github.com/kbanc85/kbanc-nextjs
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 detailsDOMAIN_SETUP_GUIDE.md- Custom domain setup instructionsNAMECHEAP_DNS_SETUP.md- Complete DNS configuration
Workflows
WORKFLOW.md- Complete process for creating new claims pagesCLAIMS_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