The Problem With Large Codebases
Modern projects easily exceed 500 files and millions of characters. Claude's 200K token context window can technically hold a lot, but filling it with raw text costs $0.60 per request at Sonnet pricing. Run 100 analysis queries per day and you are spending $1,800 per month just on input tokens.
Step 1: Prioritize What to Send
Not every file matters equally. Ignore build artifacts, node_modules, lock files, and generated code. Focus on source files, configuration, and documentation. A well-structured .gitignore already tells you what is noise. Use it as your filter.
Step 2: Concatenate and Render
PXINK accepts multiple files simultaneously. Drop your entire src/ folder into the interface. The engine concatenates them with clear filename headers (// --- app.js ---) so Claude knows exactly which file it is reading. The combined payload is then rendered into optimized pages.
Step 3: Send Pages as Images
Download the rendered pages and attach them to your Claude message. Include a clear text prompt describing what you want Claude to do: review for bugs, generate documentation, suggest refactoring, etc. Claude reads the images and responds with full awareness of your codebase structure.
Cost Comparison: A Real Project
We tested this on a 342-file Next.js project totaling 1.2 million characters. Raw text: ~340,000 tokens ($1.02 per request). Visual encoding: ~39,000 tokens ($0.12 per request). Over 50 daily queries, that is the difference between $1,530/month and $180/month.
Automating Codebase Encoding with a Shell Script
#!/bin/bash
# Concatenate all source files with headers
find src/ -name "*.ts" -o -name "*.tsx" | sort | while read file; do
echo "// --- $(basename $file) ---"
cat "$file"
echo ""
done > combined_source.txt
# Open PXINK and drag combined_source.txt into the drop zone
echo "Combined $(find src/ -name '*.ts' -o -name '*.tsx' | wc -l) files"
echo "Total: $(wc -c < combined_source.txt) characters"
echo "Open https://pxink-ai.web.app and drop combined_source.txt"
Frequently Asked Questions
Conclusion
Visual token encoding is a practical, immediately deployable optimization that works with your existing AI stack. Whether you are a developer building pipelines or a founder managing API budgets, the ~88% input cost reduction compounds into real savings that improve your margins and extend your runway.
Ready to try it? Open PXINK and drop a file to see your savings instantly.