- Conjunto de herramientas para desarrolladores del lado del cliente que se ejecuta en el navegador web sin instalación
- Cada función está hecha como un solo archivo HTML y todo está publicado como open source
- Ofrece varias funciones como formateador de código, convertidor de JSON, redimensionado/conversión de imágenes y generadores de Hash/UUID/CSS, y todo el procesamiento se realiza localmente
- Incluye una amplia gama de herramientas, desde generadores de CSS y diseño hasta herramientas de seguridad y conversión de datos
- Como los datos del usuario no se envían al servidor, está enfocada en la privacidad, funcionando como una plataforma web integrada de utilidades lista para usarse al instante sin instalación ni inicio de sesión
Descripción general
- Prism.Tools es una colección de utilidades independientes para desarrolladores basada en la web que funciona del lado del cliente
- Se puede usar directamente en el navegador sin instalación ni registro de cuenta
- Todas las operaciones se realizan localmente, por lo que no hay riesgo de filtración de datos
- Sus funciones principales ayudan en diversas tareas de desarrollo como formateo de código, conversión, seguridad y generación de diseño
Herramientas de formateo de código y datos
- Ofrece varios formateadores como Code Formatter, JSON Formatter y SQL Formatter
- Ayudan a ordenar el código y mejorar su legibilidad
- Incluye herramientas de conversión de formato como YAML ↔ JSON Converter, CURL to Fetch, SVG to JSX y JSON to TypeScript
- Genera automáticamente interfaces de TypeScript a partir de JSON
- Convierte comandos CURL en código JavaScript Fetch
Herramientas de seguridad y generación
- JWT Decoder decodifica tokens y Password Generator crea contraseñas seguras
- Hash Generator admite la generación de hashes MD5, SHA-256 y SHA-512
- UUID Generator ofrece generación de UUID v1/v4
- Subnet Calculator permite realizar cálculos de IP y red
Herramientas de apoyo para desarrollo web y diseño
- Ofrece herramientas visuales de generación de diseño como CSS Gradient, CSS Shadow, Clip-path Maker y Glassmorphism Generator
- Ayuda a crear componentes de UI web con herramientas como Favicon Generator, Color Converter y CSS Grid Generator
- SVG Editor permite crear y editar gráficos SVG
Utilidades de contenido y texto
- Lorem Ipsum y Random Data Generator generan texto y datos de prueba
- Slug Generator, Meta Tag Generator y Robots.txt Generator ayudan con SEO y la configuración de metadatos del sitio web
- También incluye herramientas de procesamiento de cadenas como Case Converter, String Escaper, List Sorter y Diff Checker
Herramientas de codificación y conversión
- Base64, URL Encoder y HTML Encoder admiten varios tipos de codificación y decodificación
- Timestamp Converter convierte timestamps Unix
- Unit Converter ofrece conversión de unidades
Otras herramientas útiles para desarrollo
- Git Command Helper permite buscar comandos de Git
- Regex Tester sirve para probar expresiones regulares
- Markdown Preview ofrece vista previa en tiempo real de Markdown
- Cron Builder genera expresiones cron
- Image Tools permite redimensionar y convertir imágenes
Características e importancia
- Todas las herramientas se ejecutan del lado del cliente, reforzando la privacidad
- Se ofrece gratis y permite a los desarrolladores resolver diversas tareas en un solo lugar
- Funciona como un hub integrado de utilidades de desarrollo accesible al instante, sin instalación ni inicio de sesión
1 comentarios
Comentarios de Hacker News
Es la primera vez que veo una colección de herramientas como esta más enfocada en desarrollo frontend.
La guardé en mi lista de herramientas como referencia.
Una herramienta similar con enfoque local/backend/IT es it-tools.tech.
También hay otras apps locales: DevToys es multiplataforma y DevUtils es solo para Mac.
Como muchas veces no recuerdo estos sitios cuando los necesito, hace poco empecé a organizarlos yo mismo en un archivo HTML, inspirado por oinam/start.
Gracias a su diseño minimalista, me sirvió muy bien como página de inicio de mi base de conocimiento personal.
Lo administro junto con docbase, basado en Markdown.
Puede que el orden de los enlaces haya quedado algo mezclado.
Es básicamente el mismo repo de it-tools, pero con mejoras en estilo y UX.
Me gusta que prism.tools sea un sitio estático al 100%, así que no necesita Node.
Aunque imagino que algunas funciones podrían estar limitadas.
Me gustan este tipo de colecciones de herramientas, pero cuando realmente las necesito casi nunca recuerdo el nombre del sitio.
Por eso uso it-tools con self-hosting.
También existe ut, una herramienta CLI en Rust con un propósito parecido.
Me frustraba no poder encontrar las herramientas cuando las necesitaba, así que ahora las tengo todas marcadas en una sola página.
También voy a revisar las herramientas que compartiste.
El mesh gradient de shaders.paper.design está muy bueno, así que quería compartirlo también.
Me gustan estas colecciones de herramientas, pero en la práctica, cada vez que necesito algo termino buscando directo en Google algo como “json formatter”.
Al final nunca me acuerdo de estas colecciones.
Me resulta más cómodo hacer una búsqueda rápida y abrir uno de los primeros resultados.
Aun así, la eficiencia mejora bastante si se combina con herramientas bien hechas como estas.
Por ejemplo, si conectas Prism.Tools a la IA mediante un comando personalizado, puede responder de inmediato a solicitudes como formatear JSON o decodificar JWT.
Pienso probarlo pronto con Grok y ChatGPT.
Hay muchas herramientas de alta calidad que solo descubres en HN, como cobalt.tools.
Estaría bueno tener un hub curado donde se puedan reunir y buscar estas herramientas por etiquetas.
El problema de la mayoría de estas herramientas es que son difíciles de recordar.
Por ejemplo, CyberChef es una herramienta excelente, pero como nunca recuerdo bien el nombre, solo la encuentro desde mis marcadores.
Como estas herramientas no suelen tener un modelo de ingresos, la descubribilidad es muy importante.
Tener un nombre de dominio fácil de recordar hace una gran diferencia.
Uno de mis objetivos era que los usuarios pudieran usarla también en local si así lo querían.
Solo haría falta visitar el sitio cuando se necesite la versión más reciente.
Tengo muchos marcadores, pero en Chrome es difícil administrar bien los metadatos.
Por eso estoy pensando en hacer un sitio meta-utilitario donde ingreses el nombre de una herramienta, su descripción y etiquetas, y te muestre sitios relacionados.
Incluso ya tengo un buen dominio .com.
Ver GCHQ GitHub y sitio oficial.
Coincido en que GCHQ es la NSA del Reino Unido.
Te agradezco que hayas creado este tipo de herramientas.
Un simple upvote no alcanza para expresar bien el agradecimiento.
Gracias por publicar un proyecto así; me parece un gran ejemplo de cómo se combinan el poder de la web y la pasión individual.
Se ve realmente genial.
Yo usé DevToys en local durante mucho tiempo, pero después de una actualización reciente quedó casi inutilizable.
Cuando veo ese tipo de mensajes, me genera confusión.
Existe la percepción de que las grandes corporaciones no respetan la privacidad ni la libertad.
Además, la cláusula “No Re-hosting” parece restringir incluso el hosting local.
Como lecturas relacionadas, pueden servir la discusión sobre Free Tools y los riesgos de los CDN públicos.
También podría confundirse con PRISM Break.
Se puede modificar y alojar libremente en entornos personales o redes locales.
Lo único prohibido es la distribución pública.
La versión más reciente seguirá estando disponible en GitHub.
Enlace de Wikipedia
Gracias por publicarlo como código abierto, pero me da curiosidad por qué usaste una licencia personalizada.
Me pregunto si había alguna razón para no usar la licencia MIT.
Por eso se hizo de forma que se permita el uso local personal o empresarial, pero se restrinja el hosting público.