DEV Community

Cover image for 🚀 LookAtni File Markers — Invisible Markers to Structure Your Files Like Magic
Rafa Mori
Rafa Mori

Posted on

🚀 LookAtni File Markers — Invisible Markers to Structure Your Files Like Magic

Have you ever needed to extract specific parts of code to create a tutorial, technical documentation, or even educational content?

What if you could do this by marking directly in the file itself, without breaking your workflow, and even automate the extraction?

Allow me to introduce LookAtni File Markers — a VSCode extension that gives you superpowers using just comments!


🧠 How it works

You mark blocks using a simple, visual syntax:

//␜/ docs/start.md /␜//
Enter fullscreen mode Exit fullscreen mode

The extension recognizes this as a “visual marker.” It lets you:

  • Navigate through these points as if they were anchors in VSCode
  • Extract the marked blocks to external files
  • Validate, reorder, synchronize… all automatically

📸 See it in action

LookAtni Demo


🧰 Use cases

  • 📘 Technical documentation — extract snippets directly from code to keep examples always updated
  • 👨‍🏫 Educational content — assemble lessons, tutorials, and PDF materials from live code
  • ✅ Code reviews — mark crucial points for reviewers
  • ⚙️ CI/CD pipelines — use markers to generate temporary files or validate structure

🔧 Built-in CLI (coming soon)

lookatni extract src/
lookatni validate
Enter fullscreen mode Exit fullscreen mode

Perfect for integration with GitHub Actions or build pipelines.


📦 Install now

Get it from the VSCode Marketplace or via the Command Palette:

ext install rafa-mori.lookatni-file-markers
Enter fullscreen mode Exit fullscreen mode

❤️ Open Source

This project is fully open source:
https://github.com/rafa-mori/lookatni-file-markers

If you enjoy it, please ⭐ the repo and share any feedback—you’re more than welcome!


Create living structure within your files.
Mark. Extract. Automate.

Top comments (0)