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)