Recursos
Herramientas que uso
a diario
96 herramientas curadas para desarrollo web, diseño, SEO e infraestructura. Actualizadas regularmente con las que realmente uso en mis proyectos profesionales.
IA y Productividad
11 herramientasJina Reader
r.jina.aiExtrae contenido limpio de cualquier URL. Ideal para alimentar modelos de IA con datos web.
Claude
claude.aiAsistente IA de Anthropic para razonamiento avanzado, análisis de código y generación de contenido.
v0.dev
v0.devGenera componentes UI con IA a partir de descripciones en lenguaje natural. De Vercel.
Cursor
cursor.shEditor de código con IA integrada. Autocompletado, refactoring y chat contextual sobre tu codebase.
GitHub Copilot
github.com/features/copilotAutocompletado de código con IA integrado en el editor. Free tier para repositorios públicos.
Bolt.new
bolt.newGenera aplicaciones full-stack completas desde un prompt con despliegue instantáneo.
Perplexity
perplexity.aiMotor de búsqueda con IA que cita fuentes. Ideal para investigación técnica rápida.
ChatGPT
chat.openai.comAsistente IA general de OpenAI con capacidades de código, análisis y generación de contenido.
Autoskills
github.com/midudev/autoskillsDetecta tu stack y te instala las mejores skills de agentes IA con un solo comando. npx autoskills y listo.
Excalidraw
excalidraw.comHerramienta de diagramas estilo hand-drawn. Perfecta para arquitectura de software y flujos.
tldraw
tldraw.comPizarra digital gratuita para diagramas rápidos y wireframes colaborativos.
Desarrollo
17 herramientasNext.js
nextjs.orgFramework React fullstack con SSR, SSG, API Routes y App Router. La base de todos mis proyectos.
Tailwind CSS
tailwindcss.comFramework de utilidades CSS. Desarrollo rápido sin salir del HTML, responsive y consistente.
TypeScript
typescriptlang.orgSuperset tipado de JavaScript. Detecta errores en compilación antes de que lleguen a producción.
Vite
vite.devBuild tool ultrarrápido con HMR instantáneo. Estándar de facto para proyectos React y Vue.
Astro
astro.buildFramework de contenido con zero JS por defecto e islands architecture. Ideal para blogs y docs.
Bun
bun.shRuntime JS ultra-rápido que reemplaza Node.js + npm + Jest en un solo binario.
pnpm
pnpm.ioPackage manager rápido y eficiente en disco con soporte nativo de workspaces.
Biome
biomejs.devFormatter + linter todo-en-uno que reemplaza ESLint + Prettier. Escrito en Rust.
Turborepo
turbo.build/repoSistema de build para monorepos con cache remoto y ejecución paralela de tareas.
Hono
hono.devFramework web ultraligero para edge y serverless. Compatible con Cloudflare Workers y Bun.
Drizzle ORM
orm.drizzle.teamORM TypeScript SQL-first con zero overhead y migraciones automáticas.
tRPC
trpc.ioAPIs end-to-end typesafe sin code generation. Ideal para full-stack TypeScript.
Zod
zod.devValidación de schemas TypeScript-first con inferencia de tipos automática.
Zustand
zustand.docs.pmnd.rsState management minimalista para React. Sin boilerplate ni providers.
TanStack Query
tanstack.com/queryData fetching, caching y sincronización para React. Antes conocido como React Query.
MDN Web Docs
developer.mozilla.orgLa referencia definitiva para HTML, CSS, JavaScript y APIs web. Mantenida por Mozilla.
Can I Use
caniuse.comTablas de compatibilidad de navegadores para cada propiedad CSS y API JavaScript.
Diseño e Iconos
14 herramientasSVG Repo
svgrepo.comMás de 500.000 iconos SVG gratuitos. Mi fuente principal para iconos de tecnologías.
Iconify
icon-sets.iconify.designCatálogo unificado con +150 packs de iconos: Material, Font Awesome, Lucide y más.
Lucide
lucide.devLibrería de iconos open-source con 1.500+ iconos consistentes. Fork mejorado de Feather Icons.
Heroicons
heroicons.comIconos SVG por los creadores de Tailwind. Estilos outline, solid y mini.
Phosphor Icons
phosphoricons.comFamilia flexible de iconos con 6 pesos distintos y más de 1.000 iconos.
Coolors
coolors.coGenerador de paletas de color. Explora combinaciones, exporta a CSS y comparte.
Realtime Colors
realtimecolors.comVisualiza paletas de colores aplicadas a un diseño web real en tiempo real.
Figma
figma.comHerramienta de diseño UI/UX colaborativa. Prototipado, componentes y handoff a desarrollo.
shadcn/ui
ui.shadcn.comComponentes copy-paste sobre Radix + Tailwind. Totalmente personalizables y accesibles.
Radix UI
radix-ui.comPrimitivos headless accesibles para construir componentes UI de calidad production-ready.
Google Fonts
fonts.google.comBiblioteca de tipografías web open source. Integración directa con Next.js vía next/font.
Fontsource
fontsource.orgSelf-hosting de Google Fonts como paquetes npm. Sin peticiones externas al CDN.
Shots.so
shots.soGenera mockups de navegador y dispositivos para screenshots profesionales de proyectos.
Mobbin
mobbin.comBiblioteca de patrones UI/UX reales de apps populares. Inspiración basada en datos.
SEO y Rendimiento
9 herramientasGoogle Search Console
search.google.com/search-consoleMonitorización de indexación, cobertura de páginas, Core Web Vitals y clics orgánicos.
PageSpeed Insights
pagespeed.web.devMétricas de rendimiento y Core Web Vitals. Informes con recomendaciones de optimización.
Schema Markup Validator
validator.schema.orgValida datos estructurados JSON-LD. Imprescindible para verificar rich snippets.
Rich Results Test
search.google.com/test/rich-resultsValida datos estructurados y previsualiza cómo aparecerán los rich snippets en Google.
Ahrefs Webmaster Tools
ahrefs.com/webmaster-toolsAuditoría SEO gratuita: backlinks, keywords, problemas técnicos y oportunidades.
Screaming Frog
screamingfrog.co.ukCrawler SEO de escritorio. Audita URLs, metas y enlaces rotos. Gratis hasta 500 URLs.
Unlighthouse
unlighthouse.devEscanea un sitio entero con Lighthouse en un solo comando. Genera reporte global.
WebPageTest
webpagetest.orgTest de rendimiento avanzado con waterfall detallado y filmstrip visual frame a frame.
Bundlephobia
bundlephobia.comAnaliza el tamaño de paquetes npm antes de instalarlos. Muestra gzip y tree-shaking.
Infraestructura y Servicios
12 herramientasVercel
vercel.comPlataforma de deploy y hosting serverless. Previews por PR, analytics y edge functions.
Neon
neon.techPostgreSQL serverless con branching. Base de datos escalable sin gestión de servidores.
Supabase
supabase.comAlternativa open-source a Firebase con PostgreSQL, auth, storage y realtime incluidos.
Upstash
upstash.comRedis y Kafka serverless con pricing por request. Ideal para rate limiting y cache.
Turso
turso.techBase de datos SQLite distribuida en edge con latencia ultra-baja y replicación global.
Resend
resend.comAPI de emails transaccionales con React Email. Envío de facturas, notificaciones y newsletters.
Stripe
stripe.comPagos online: checkout, suscripciones, facturas y Payment Links. Integración con webhooks.
Cloudflare
cloudflare.comCDN, DNS, protección DDoS, R2 storage y Workers. Velocidad y seguridad para cualquier sitio.
Clerk
clerk.comAutenticación completa con UI pre-construida, MFA, organizaciones y webhooks.
Auth.js
authjs.devAutenticación open-source para Next.js con más de 80 providers OAuth configurables.
Sentry
sentry.ioMonitoreo de errores y performance con source maps, session replay y alertas.
Inngest
inngest.comPlataforma serverless para background jobs, crons y event-driven workflows.
Testing y Debugging
8 herramientasPlaywright
playwright.devFramework E2E testing cross-browser de Microsoft con auto-waiting, tracing y codegen.
Vitest
vitest.devFramework de unit testing compatible con Vite. Reemplazo moderno y rápido de Jest.
Testing Library
testing-library.comUtilidades para testear componentes React de forma accesible y centrada en el usuario.
MSW
mswjs.ioMock Service Worker: intercepta requests en tests y desarrollo sin cambiar código de producción.
Storybook
storybook.js.orgEntorno aislado para desarrollar, documentar y testear componentes UI visualmente.
Chromatic
chromatic.comVisual regression testing automatizado integrado con Storybook. Detecta cambios UI.
Eruda
eruda.liriliri.ioConsola DevTools embebida para debugging en móviles reales. Inyectable en cualquier web.
Responsively
responsively.appNavegador open-source que muestra múltiples viewports sincronizados para testing responsive.
API y Backend
7 herramientasBruno
usebruno.comCliente API open-source offline-first. Guarda collections en archivos versionables con Git.
Hoppscotch
hoppscotch.ioCliente API open-source en el navegador. Alternativa ligera y rápida a Postman.
Insomnia
insomnia.restCliente REST y GraphQL con diseño limpio, variables de entorno y sistema de plugins.
HTTPie
httpie.ioCliente HTTP para terminal con sintaxis intuitiva, output coloreado y versión web.
Mockoon
mockoon.comCrea mock APIs locales en segundos sin código. Interfaz gráfica y CLI disponibles.
Prisma Studio
prisma.io/studioGUI visual para explorar y editar datos de tu base de datos Prisma directamente.
Swagger UI
swagger.io/tools/swagger-uiVisualiza y prueba APIs REST desde especificaciones OpenAPI de forma interactiva.
CSS y Generadores
9 herramientasCSS Gradient
cssgradient.ioGenerador visual de gradientes CSS con editor de colores y código copiable.
Haikei
haikei.appGenera fondos SVG decorativos: waves, blobs, gradients y más para secciones web.
Smooth Shadow
shadows.brumm.afGenerador de box-shadows suaves y realistas con múltiples capas de sombra.
Cubic Bezier
cubic-bezier.comEditor visual de curvas de animación CSS con comparación side-by-side en tiempo real.
Clippy
bennettfeely.com/clippyGenerador visual de clip-path CSS con formas predefinidas y editor de puntos.
Fancy Border Radius
9elements.github.io/fancy-border-radiusGenerador de border-radius orgánicos con 8 valores para crear formas blob.
Glassmorphism
hype4.academy/tools/glassmorphism-generatorGenerador de efectos glass/frosted con backdrop-blur y controles de transparencia.
Animista
animista.netLibrería de animaciones CSS pre-hechas con editor visual y código exportable.
CSS Grid Generator
cssgrid-generator.netlify.appGenerador visual de layouts CSS Grid con código listo para copiar y pegar.
Utilidades
9 herramientasRegex101
regex101.comTester de expresiones regulares con explicación paso a paso. Soporta JS, Python y más.
Transform Tools
transform.toolsConvertidor universal: JSON a TypeScript, CSS a Tailwind, SVG a JSX y más.
Squoosh
squoosh.appOptimización de imágenes en el navegador. Compara formatos, ajusta calidad y redimensiona.
README.so
readme.soGenerador visual de READMEs para repositorios. Bloques arrastrables con preview en tiempo real.
DevToys
devtoys.appSwiss army knife offline: JSON formatter, hash, UUID, base64, JWT decoder y más.
JSON Crack
jsoncrack.comVisualiza JSON, YAML y CSV como grafos interactivos para entender estructuras complejas.
Quicktype
quicktype.ioGenera tipos TypeScript e interfaces automáticamente desde JSON, JSON Schema o GraphQL.
ray.so
ray.soGenera imágenes elegantes de código para documentación, presentaciones y redes sociales.
Crontab Guru
crontab.guruEditor visual de expresiones cron con explicación en lenguaje natural.
¿Necesitas ayuda con tu proyecto?
Estas herramientas son más potentes con un experto
Conozco a fondo cada una de estas herramientas y las uso para construir proyectos reales. ¿Hablamos del tuyo?