TableSnap AI

English · 简体中文

Export beautiful AI-generated tables from ChatGPT, Gemini, Claude and more as high-quality images.

TableSnap AI is a Chrome / Edge extension that turns AI-generated tables into polished PNG or JPG images for reports, slides, notes, documentation, and sharing.

Screenshots

Screenshot placeholders:

• Popup settings panel
• Export Preview Editor
• Apple theme export
• Dark Glass theme export

Features

• Export AI tables as PNG or JPG
• Copy table images to the clipboard
• Edit export style before downloading with Export Preview Editor
• Preserve images, links, lists, bold text, emoji, and SVG icons
• Export all detected tables on the current page
• Themes: Apple, Notion, Minimal, Dark Glass
• High-resolution scale: 1x, 2x, 3x, 4x
• Complete long-table export through Beautify Mode
• Chinese / English interface with automatic browser-language detection

Supported Platforms

• ChatGPT
• Google Gemini
• Claude
• Standard HTML table pages

Install

Load the source folder

1. Open Chrome or Edge and go to chrome://extensions
2. Enable Developer mode
3. Click “Load unpacked”
4. Select this project folder
5. Refresh your target AI page after installing or updating

Load dist/

npm run build

Then load the generated dist/ folder from chrome://extensions.

Development

This project intentionally keeps the extension lightweight. Manifest V3 loads source files in a fixed order without a heavy bundler.

npm run dev

The dev command rebuilds dist/ when files change. Reload the extension manually after rebuilding.

Website

The product landing page lives in website/ and is built with React, Vite, Tailwind CSS, and Framer Motion.

Install website dependencies:

npm --prefix website install

Run the landing page locally:

npm run dev:website

Build the landing page:

npm run build:website

Preview the production build:

npm run preview:website

Build

npm run build

The build script copies extension runtime files into dist/.

Chrome Web Store Zip

npm run zip

This generates:

tablesnap-ai-v0.2.0.zip

Use this zip for Chrome Web Store upload.

Internationalization

Runtime UI strings live in src/i18n/locales/. The extension currently supports:

• zh-CN
• en-US

To add a new language, create a new locale file, register it in src/i18n/index.js, and add the script to manifest.json and the popup loader.

Chrome Web Store Preparation

• Review STORE_LISTING.md
• Review PRIVACY.md
• Review RELEASE_CHECKLIST.md
• Prepare real store screenshots
• Prepare a public privacy-policy URL required by Chrome Web Store

Privacy

TableSnap AI does not upload user content. Table detection, preview rendering, image generation, clipboard copy, and downloads all happen locally in the browser.

See PRIVACY.md.

Roadmap

• Export code blocks as images
• Export AI answers as cards
• More themes
• PDF export
• Chrome Web Store release

License

License placeholder. Add the final license before public release.