tools.simonwillison.net
Extracto
Assorted tools
Resumen
Resumen Principal
Esta colección de herramientas HTML+JavaScript representa un experimento fascinante sobre la capacidad de los Modelos de Lenguaje Grandes (LLMs), particularmente Claude, para catalizar el desarrollo de aplicaciones web utilitarias con una eficiencia sorprendente. El proyecto demuestra cómo, a través de la ingeniería de prompts, es posible construir una gama diversa de herramientas funcionales para tareas de bajo riesgo y de uso cotidiano. Desde la manipulación de contenido y datos hasta utilidades específicas para la interacción con otros LLMs, la colección subraya la versatilidad y accesibilidad que la asistencia de IA puede ofrecer en la programación. La iniciativa no solo valida la promesa de los LLMs como co-pilotos de desarrollo, sino que también abre la puerta a la creación rápida de prototipos y soluciones personalizadas, democratizando el acceso a la creación de herramientas web complejas para una audiencia más amplia. Es una prueba contundente del potencial de la IA para transformar el ciclo de vida del desarrollo de software, incluso en proyectos con requisitos iniciales mínimos.
Elementos Clave
- Desarrollo Asistido por LLMs: La premisa fundamental de esta colección es explorar hasta qué punto se pueden construir herramientas web complejas utilizando únicamente instrucciones y conversaciones con LLMs. La mayoría de las utilidades fueron creadas con la ayuda de estos modelos, destacando la eficiencia y el poder de la programación basada en prompts como un método viable para el desarrollo rápido de aplicaciones.
- Herramientas de Manipulación de Contenido y Datos: La suite incluye una amplia variedad de utilidades prácticas como un OCR para PDF e imágenes que se ejecuta en el navegador, un Renderizador de Markdown que aprovecha la API de GitHub, un Generador de CSS para sombras de caja con ajustes interactivos, y convertidores
Contenido
Miscellaneous HTML+JavaScript tools I have built, almost all with the assistance of LLMs.
This collection is partly an experiment in how much it’s possible to get done through prompting alone, against projects with extremely low stakes.
The colophon includes links to the prompts and chat transcripts I used to create and iterate on each of these tools.
The code lives in simonw/tools. Most of these used a version of the Claude custom instructions described here.
- OCR for PDF files and images that runs entirely in your browser
- Render Markdown renders Markdown to HTML using the GitHub Markdown API
- Annotated presentation creator to help turn slides into an annotated presentation
- Box shadow CSS generator generates the CSS for a box shadow with interactive settings
- Compare PDFs provides a visual comparison of the pages of two PDF files
- Image resize and quality comparison converts an image to JPEGs using a number of different quality settings so you can select the smallest file size that is still usefully legible (how I built this)
- YouTube Thumbnails - paste in the URL to a YouTube video, get back all of the URLs to thumbnail images of different sizes for that video
- SVG to JPEG/PNG - turn an SVG file into a rendered JPEG or PNG (how I built this)
- Jina Reader - convert any URL to copyable Markdown using the Jina Reader API
- Extract URLs - copy a section from a web page to your clipboard, paste it in here and get back a plain text list of all of the linked URLs from that section
- EXIF Data Viewer - view EXIF data for an image
- MDN Browser Support Timelines - search for web features and view the browser support timeline pulled from MDN
- Timestamp Converter - convert between Unix timestamps and human-readable dates
- Timezones - select two timezones to see a table comparing their times for the next 48 hours
- Social media cropper - open or paste in an image, crop it to 2x1 and download a compressed JPEG for use as a social media card
- Writing Style Analyzer - identify weasel words, passive voice, duplicate words - adapted from these shell scripts published by Matt Might
- Navigation for headings - paste in an HTML document with headings, each heading is assigned a unique ID and the tool then generates a navigation
<ul> - JSON to YAML - convert JSON to YAML, showing different styles of YAML output
- YAML Explorer - nested hierarchy explorer for YAML files, which can be loaded from an external URL and have their expand/collapse state persisted in the URL to the tool
- Word Counter - count words across multiple blocks of text, persisted to localStorage
- PHP Deserializer - paste in serealized PHP data, get back JSON
- SQL Pretty Printer - paste in SQL to pretty print it
- Pipfile.lock Dependency Parser - paste in a
Pipfile.lockJSON file to extract just the dependency versions] - Paste rich text - paste from your clipboard and see any rich text as HTML
LLM playgrounds and debuggers
- Haiku generates Haikus from your camera using Claude 3 Haiku
- Chrome Prompt Playground is a UI for running prompts through the Google Chrome Canary experimental Gemini Nano LLM and saving the results in local storage
- Gemini API Image Bounding Box Visualizer - run prompts against Google Gemini models that return bounding box co-ordinates and visualize them against the original image, see this post for details
- Claude Token Counter - counts the number of tokens in a Claude prompt
- OpenAI audio input - record audio through the microphone and send it to OpenAI’s audio model
- OpenAI audio output - run prompts against OpenAI that produce audio output and listen to it or download it from the browser
- JSON schema builder - interactive tool for building a JSON schema
Miscellaneous
- Arena animated animates the progression of the LMSYS Chatbot Arena, inspired by this visualization by Peter Gostev (via Time-Winter-4319 on Reddit)
- California Clock Change - shows when the clocks will next change for daylight saving time in California
- Bluesky WebSocket Firehose showing a live firehose of Bluesky activity, described here
- Bluesky resolve DID turns a Bluesky ID such as
simonwillison.netinto a DID - Prompts.js small JavaScript library enabling
await Prompts.alert("hi")andawait Prompts.confirm("Continue?")andawait Prompts.prompt("Enter your name") - aria-live-regions demonstrates ARIA live regions
- APSW SQLite query explainer - paste in a SQLite SQL query, get back a detailed explanation created using
apsw.ext.query_info() - Encrypt / decrypt message - encrypt a message with a passphrase, send someone a link and they can decrypt it again
On Observable
On Observable:
- Blog to newsletter helps me turn my blog into a newsletter
- Weeknotes helps me write my weeknotes
- Convert Claude JSON to Markdown for sharing Claude conversation transcripts
- Hacker News homepage with links to comments ordered by most recent first
Fuente: tools