@josusanz

7 Followers
0 Following
680 Posts
Framer Expert ⚡ | Building plugins & components | Entrepreneur & yogi 🌿 | Author of 2 books | Seeking balance between mind, body & spirit
https://contra.com/josusanz

Yo lo uso para las páginas de stack tecnológico, secciones de integraciones y footers. Copias el SVG y listo, sin descargar PNGs pixelados ni buscar en 10 sitios distintos.

Si estás construyendo un SaaS o un portfolio con IA, este tipo de recursos te ahorra más tiempo del que parece.

https://github.com/pheralb/svgl

GitHub - pheralb/svgl: 🧩 A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS.

🧩 A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS. - pheralb/svgl

GitHub

Cada vez que necesito el logo de React, Supabase o cualquier tecnología para una landing, acabo perdiendo tiempo buscando el SVG correcto por Internet.

svgl resuelve esto de una vez.

Cientos de logos SVG de alta calidad, listos para usar. Los tienes disponibles como API, paquete NPM, plugin de Figma e incluso extensión de VS Code.

Acceder al Curso | Claude Code en Español

Accede al curso gratuito de Claude Code en español

He creado un módulo gratuito para aprender Claude Code desde cero.

No necesitas saber programar.

11 lecciones prácticas donde aprenderás a explorar y modificar archivos con IA, usar comandos slash, lanzar agentes paralelos y configurar la memoria del proyecto para que Claude recuerde tu contexto.

Es el Módulo 1 de https://aprende.software y está abierto para todos.

Si llevas tiempo queriendo usar IA para construir cosas reales, este es un buen punto de partida.

Claude Code en Español - Curso Gratis de IA

Aprende Claude Code completamente en español. Curso interactivo gratuito para personas sin experiencia técnica.

aprende.software

Lo uso con Inter, Geist y Manrope dependiendo del proyecto. Configurar tipografía ya no es perder tiempo buscando links de embed.

Si estás aprendiendo desarrollo web con IA, este tipo de herramientas son las que te hacen construir proyectos más profesionales desde el principio.

https://github.com/fontsource/fontsource

GitHub - fontsource/fontsource: Self-host Open Source fonts in neatly bundled NPM packages.

Self-host Open Source fonts in neatly bundled NPM packages. - fontsource/fontsource

GitHub

Deja de cargar fuentes desde Google Fonts.

Fontsource te permite instalar cualquier fuente como un paquete NPM. Más de 1.500 fuentes open source listas para usar.

npm install @fontsource/inter

Una línea de import y ya la tienes disponible. Sin requests externas, sin problemas de privacidad, mejor rendimiento.

En Next.js la diferencia se nota. Las fuentes se sirven desde tu propio dominio, se cachean bien y no dependes de un CDN externo que puede ralentizar la carga inicial.

Si llevas tiempo queriendo dar el paso, este es un buen punto de partida.

https://www.aprende.software/primera-web

Claude Code en Español - Curso Gratis de IA

Aprende Claude Code completamente en español. Curso interactivo gratuito para personas sin experiencia técnica.

aprende.software

Mucha gente quiere crear una web pero se frena porque cree que necesita saber programar.

Ya no.

He publicado un módulo gratuito en https://aprende.software donde te guío paso a paso para crear tu primera web completa usando IA. Sin experiencia previa.

Qué vas a aprender:
→ Generar el código de tu web con prompts bien escritos
→ Estructurar páginas reales con HTML, CSS y algo de JS
→ Publicarla online para que cualquiera pueda verla

Todo desde cero. Todo práctico. Todo gratis.

Claude Code en Español - Curso Gratis de IA

Aprende Claude Code completamente en español. Curso interactivo gratuito para personas sin experiencia técnica.

aprende.software

Si trabajas con IA para generar código, tener un diseño con CSS limpio como punto de partida cambia completamente el resultado que obtienes de cualquier LLM.

Más de 80.000 equipos ya lo usan. Y si quieres tu propia instancia:

docker compose -f docker-compose.yaml up -d

https://github.com/penpot/penpot

GitHub - penpot/penpot: Penpot: The open-source design tool for design and code collaboration

Penpot: The open-source design tool for design and code collaboration - penpot/penpot

GitHub

Figma es genial, pero depender de una herramienta de pago para diseñar tu SaaS no siempre tiene sentido.

Penpot es open source, basado en SVG y CSS reales, y lo puedes auto-hostear. Sin licencias, sin límites artificiales.

Lo uso para diseñar mockups y prototipos de mis proyectos. La clave: el CSS que exporta es código real que puedes llevar directo a tu frontend. No es una aproximación, es CSS de verdad.