

🚀 Revolutionary AI code extraction + visual file organization system
📦 Installation Options
# Install globally for command-line usage anywhere
npm install -g lookatni-file-markers
# Use from any directory
lookatni extract mycode.txt ./project
lookatni generate ./src output.txt
lookatni --help
🎨 VS Code Extension
Install from VS Code Marketplace or search for "LookAtni File Markers" in VS Code Extensions.
🏆 The Golden Tip: AI-Generated Code Made Easy
The Problem: AI generates amazing code in single files, but extracting them into proper project structures is tedious and error-prone.
The Solution: LookAtni File Markers! Generate entire projects in one document, then extract them automatically into perfect file structures.
🎯 What is LookAtni File Markers?
LookAtni File Markers is the first extension to combine:
// AI generates code with invisible markers - you extract perfect projects!
// Uses invisible File Separator characters (ASCII 28)
console.log('This content belongs to src/main.ts');
// Multiple files organized in a single document
// Each file perfectly marked for automatic extraction
console.log('This belongs to src/utils.ts');
🎯 Perfect for:
- ChatGPT/Claude generated projects → Extract to real file structure
- Code sharing → Send entire projects in one document
- Documentation → Include full project examples
- Tutorials → Package complete workflows
🎨 Visual File Organization (Enhanced)
- Mark files as read/unread directly in VS Code Explorer
- Favorite important files with star indicators
- Flag urgent items with warning badges
- Create custom markers with personal notes
- Track project status visually
⚖️ Feature Comparison
Feature |
File Read Marker |
Mark Files |
Code Organizers |
LookAtNi – File Markers |
Visual read/unread |
✅ |
❌ |
❌ |
✅ |
Favorite/star files |
❌ |
✅ |
❌ |
✅ |
Flag urgent items |
❌ |
✅ |
❌ |
✅ |
Add custom notes to markers |
❌ |
✅ |
❌ |
✅ |
Extract AI‑generated blocks into files |
❌ |
❌ |
❌ |
✅ |
Generate markers from project content |
❌ |
❌ |
✅ |
✅ |
Validate marker structure |
❌ |
❌ |
❌ |
✅ |
Interactive demo and stats |
❌ |
❌ |
❌ |
✅ |
CLI & CI/CD integration |
❌ |
❌ |
❌ |
✅ |
🎯 The Game Changer: Only LookAtni solves the AI code extraction challenge while providing complete visual file management!
✨ Features
🎨 Visual File Markers
- Quick marking: Right-click any file → instant visual markers
- Smart indicators: ✓ Read, ★ Favorite, ❗ Important, 📋 Todo, 🎨 Custom
- Explorer integration: See all markers directly in VS Code Explorer
- Custom notes: Add personal notes to any marker
- Bulk operations: Export/import marker sets
- Status tracking: Visual overview of your project state
- Extract complete project structures from marked content
- Preserves directory hierarchy automatically
- Interactive conflict resolution
- Dry-run mode for safe testing
🏷️ Marker Generation
- Generate marked files from existing projects
- Smart binary file detection and exclusion
- Configurable file size limits
- Flexible exclusion patterns
✔️ Validation & Analysis
- Comprehensive marker validation
- Duplicate filename detection
- Invalid character checking
- Detailed statistics and reporting
🎯 Interactive Demo
- Built-in demonstration system
- Sample project generation
- Step-by-step walkthrough
- Real-time feedback
📊 Statistics & Reporting
- File type distribution analysis
- Size optimization metrics
- Performance benchmarks
- Comprehensive logging
🔧 CLI Integration
- Standalone command-line tools
- Batch processing capabilities
- CI/CD pipeline integration
- Cross-platform compatibility
🚀 Quick Start
Installation
- Install from VS Code Marketplace:
LookAtni File Markers
- Press
Ctrl+Shift+P
and search for "LookAtni"
- Try
LookAtni: Quick Demo
to see it in action!
Get AI-generated code with markers:
- Ask ChatGPT/Claude: "Generate a React project with invisible file markers"
- Copy the response (includes invisible markers)
- Paste into a
.txt
file in VS Code
Extract to perfect project structure:
- Right-click the file →
LookAtni: Extract Files
- Choose destination folder
- BOOM! Complete project structure created automatically
Validate everything works:
- Use
LookAtni: Validate Markers
to check integrity
- Get detailed reports on any issues
📁 Traditional Project Management
Generate markers from existing project:
- Right-click on a folder →
LookAtni: Generate Markers
- Choose output file and options
- Get a marked file with your entire project
Share projects easily:
- Send the marked file to anyone
- They can extract the complete project structure instantly
LookAtni uses invisible File Separator characters (ASCII 28) for conflict-free marking:
// The actual markers use invisible characters (shown as ␜ for demonstration)
//␜/ relative/path/to/file.ext /␜//
// In real use, these characters are completely invisible:
// - They don't appear in your editor
// - They don't interfere with syntax highlighting
// - They work in any programming language
// - Zero visual impact on your content
Why invisible markers?
- ✅ Truly invisible: No visual clutter in your content
- ✅ Universal: Works with any programming language or file type
- ✅ Conflict-free: Impossible to accidentally include in real code
- ✅ Parseable: Simple and reliable detection
- ✅ Professional: Clean, seamless integration
📋 Commands
Command |
Shortcut |
Description |
LookAtni: Extract Files |
Ctrl+Shift+L E |
Extract files from marked content |
LookAtni: Generate Markers |
Ctrl+Shift+L G |
Create marked file from project |
LookAtni: Validate Markers |
- |
Validate marked file structure |
LookAtni: Quick Demo |
Ctrl+Shift+L D |
Run interactive demonstration |
LookAtni: Show Statistics |
- |
Display file statistics |
LookAtni: Open CLI Tools |
- |
Access command-line tools |
🎨 Visual File Organization
Command |
Shortcut |
Description |
LookAtni: Visual Markers |
- |
Full marker management menu |
LookAtni: Mark as Read |
- |
Quick mark file as read ✓ |
LookAtni: Mark as Favorite |
- |
Quick mark file as favorite ★ |
LookAtni: Mark as Important |
- |
Quick mark file as important ❗ |
LookAtni: Markers Overview |
- |
View all marked files |
LookAtni: Export Markers |
- |
Export markers to JSON |
LookAtni: Import Markers |
- |
Import markers from JSON |
LookAtni: Open CLI Tools |
- |
Access command-line tools |
⚙️ Configuration
Customize visual markers in your settings.json
:
{
"lookatni.visualMarkers.readIcon": "✅",
"lookatni.visualMarkers.favoriteIcon": "⭐",
"lookatni.visualMarkers.importantIcon": "🔥",
"lookatni.visualMarkers.todoIcon": "📝",
"lookatni.visualMarkers.showInStatusBar": true,
"lookatni.visualMarkers.autoSave": true
}
Available Icons: ✓, ●, ★, !, ○, ◆, 🔥, 📝, ⭐, ✅, 📋, 🎯, 🚀, and more!
🎥 See It In Action

Love LookAtni File Markers?
- ⭐ Rate us on the VS Code Marketplace!
- 💡 Got ideas? Open an issue or submit a PR 😉
- 🐛 Found a bug? Let us know and we'll fix it fast!
- 💬 Share your workflow - we'd love to see how you use LookAtni!
📄 License
MIT License - see LICENSE file for details.
🔗 Links
Made with ❤️ for the developer community
Transform your code workflow with LookAtni File Markers!