MayaSnap

build a tool that reveal structure—without exposing source.

MayaSnap is a VS Code extension for generating polished skeleton code snapshot images from selected code.

It does not render readable source text. Selected code is transformed into rounded skeleton bars that preserve indentation, line rhythm, token spacing, empty lines, and syntax-inspired color.

Sanitized preview asset:

🚀 Features

• Generate skeleton snapshots from selected code
• Clean structure-preserving output (indentation, spacing, rhythm)
• Export as PNG or SVG
• Customizable:
  • theme preview
  • token height / line height
  • border radius
  • canvas padding
  • background / transparent mode
  • export scale
• Modern Webview preview panel

🧠 How it works

MayaSnap transforms code into rounded skeleton blocks:

• preserves structure
• removes readable content
• keeps visual hierarchy

Perfect for:

• sharing code safely
• portfolios
• documentation
• social posts

⚡ Usage

1. Select code in editor
2. Run:
3. Adjust preview
4. Export as PNG or SVG

🔐 Privacy

• Runs fully locally
• No data upload
• Output contains no readable code

🧩 Supported Languages

• JavaScript, TypeScript, JSX, TSX
• JSON, HTML, CSS, SCSS
• Vue, Svelte, Markdown
• YAML, env, config files
• • fallback for Python, Java, C++, Go, Rust, etc.

⚠️ Limitations

• Heuristic tokenization (not full parser)
• Visual approximation of syntax colors
• Designed for structure, not exact highlighting

📦 Installation

Search in VS Code:

or install via Marketplace.

⭐ Support

If you like this project:

• ⭐ Star the repo
• 📢 Share with devs
• 🐛 Report issues

📄 License

MIT License