Tools

A collection of single page web apps, mostly LLM generated. Hosted at tools.s-anand.net.

Tools

Available Tools

• Music: Play your local music files and M3U playlists offline with ranked search, global media controls, continuous queue and listening history.
• Meeting Captions: Bookmarklets to record and save Google Meet or Microsoft Teams captions as Markdown, with speaker names, timestamps, and meeting metadata.
• AI Conversation Scrapers: Copy AI conversations, rich ChatGPT responses, or sidebar chat links as Markdown and JSON with bookmarklets.
• WhatsApp Scraper: Scrape WhatsApp chat messages as Markdown or JSON.
• Google Bookmarklets: Bookmarklets for copying useful data from GMail, Google Calendar, and other Google apps.
• Unicoder: Convert Markdown to text to unicode equivalent with formatting.
• X Thread Scraper: Bookmarklet to copy a tweet and all its replies as Markdown or JSON (with buzz/keep).
• Hacker News Thread Markdown: Bookmarklet to copy a Hacker News thread as nested Markdown bullets.
• LinkedIn Scraper Bookmarklets: Collection of LinkedIn bookmarklets that copy structured page data from your browser.
• Page to Markdown: Bookmarklet to copy a web page or selection as Markdown.
• Wallhop: Bookmarklet to open the current page through Wallhop for one-off paywall-free reads.
• Trending Repositories: Scan weekly trending GitHub repos with status and language filters.
• Google Tasks: Download all your Google Tasks as CSV or Markdown and delete completed tasks.
• Discourse Thread Scraper: Bookmarklet to copy a Discourse topic and replies as Markdown or JSON.
• JSON to CSV: Convert arrays of JSON objects to CSV format.
• GitHub Stars: Replaces GitHub links in Markdown with the repo name, stars, and last pushed date.
• GitHub Summary: Summarize all activity by a user over a time period.
• GitHub Users: Get information about GitHub users.
• Technology Radar: Track technology adoption across four quadrants (Techniques, Tools, Platforms, Frameworks) and four rings (Adopt, Trial, Assess, Hold).
• Copy Links: Bookmarklets to copy all page URLs as TSV or copy the current URL with a selected text fragment.
• Record: Record audio and save it locally.
• Recall: Randomly recall list items from Markdown.
• Ideator: Fuse notes into a ChatGPT ideation prompt.
• Ask AI: Send a question to your preferred AI chat engine in one click.
• Podcast Generator: Generate podcasts from text using LLMs.
• Color Table Builder: Paste a delimited table and get a colored HTML table.
• Findsongs: Generate playlists from your favourite songs, rate them, and refine picks.
• Image Generator: Chat to generate or update images.
• Postergen: Create posters and social media banners based on templates
• Daydream: View and sort creative ideas from a JSONL file.
• Codex Log Converter: Turn Codex CLI session JSONL logs into Markdown recaps.
• PicBook: Create a sequence of images from captions.
• Bootstrap Theme Picker: Bookmarklet to preview and swap Bootstrap color palettes live on any page.
• Scroller Bookmarklet: Bookmarklet that adds a compact smooth autoscroller with live speed and direction controls.
• Markdown View Popup: Bookmarklet to render selected Markdown, or full-page text, in a syntax-highlighted popup.
• Straive Intelligence: Bookmarklet to convert ChatGPT into a Straive-style user interface.
• Straive Codex: Bookmarklet to convert Codex into a Straive-style user interface.
• Join CSV Tables: Join multiple tables on the first column.
• Google Suggest Explorer: Explore Google Search suggestions from different countries and get AI-powered humorous explanations.
• Unicode Characters: Find non-ASCII Unicode characters in the clipboard.
• Hacker News Extractor: Extract Hacker News articles to Markdown format for NotebookLM.
• Hacker News Links Extractor: Scrape main article links from Hacker News or HN Top Links.
• Google Fit: Upload Google Fit activity data and see a summary of the activity data by date.
• JSON Trimmer: Trim JSON strings to a specified length.
• Markdown to CSV: Extract the first Markdown table and download it as CSV. Useful to extract from ChatGPT
• Excel Converter: Convert Excel data to JSONL, YAML, XML, or TOML.
• Transcribe Audio: Transcribe audio from the speakers and microphone.
• Research Me: Launch a public-dossier research prompt in ChatGPT or Claude using your name and role.
• SpeakMD: Turn Markdown into conversational text. Useful to read out copied ChatGPT output.
• RevealJS Slides: Convert Markdown to RevealJS HTML.
• WhatsApp Thread Viewer: View WhatsApp chat messages in a threaded discussion.
• WhatsApp: Enter a mobile number and open a WhatsApp chat to them.
• LiveGrid: Live multi-user prioritization grid synchronized through Cloud Firestore.
• What Next?: Prioritization matrix helping you pick what to do next.
• What's Near Me?: Find nearby attractions and places of interest.
• SG Bike Park: Find out where to park your bicycle nearby in Singapore.
• Quotes arena: Evaluate quotes from different models and see which one wins.
• LLM Bounding Boxes: Check how well LLMs draw object bounding boxes in images.
• Data Extractor: Extract chart and table data from images into CSV.
• Render Markdown: Render Markdown to HTML using the GitHub Markdown API.
• Terminal to HTML: Convert terminal session text to HTML with ANSI colors.
• YouTube Thumbnails: Get YouTube video thumbnails.
• Voicebot: Talk to GPT Realtime with live audio.

Local Development

1. Clone the repository: git clone https://github.com/s-anand/tools.git && cd tools
2. Serve the directory using any static file server. E.g. python -m http.server 8000 or npx serve or caddy file-server
3. Open http://localhost:[PORT] in your browser

Adding New Tools

1. Create a new directory for your tool
2. Add your tool's files (HTML, JS, CSS)
3. Update tools.json with your tool's metadata:

   {
     "tools": [
       {
         "icon": "bi-[icon-name]",
         "title": "Tool Name",
         "description": "Tool description",
         "url": "/path/to/tool/"
       }
     ]
   }

Deployment

The site is automatically deployed to GitHub Pages when changes are pushed to the main branch. The deployment process:

1. Push changes to the main branch
2. GitHub Actions builds and deploys to GitHub Pages
3. The site becomes available at tools.s-anand.net

Project Structure

• index.html - Main landing page
• tools.js - Dynamic tool card generator
• tools.json - Tool metadata
• /[tool-name]/ - Individual tool directories, with an index.html and ESM script.js imported as <script type="module" src="script.js"></script>

License

MIT