Angular v22 is now available 🥳
Here is a quick look at what's landing today:
✅ Signal Forms, Angular Aria & resource are officially STABLE
✅ OnPush change detection is now the default
✅ Template updates and more
Read the full breakdown on the blog:
📰 https://t.co/YNkIBYH3aS
Which of these updates is your favorite?
🥳¡Gran PRIMICIA en DevTalles!
🆕¡Completo el NUEVO curso #ClaudeCode: Guía para desarrolladores!
👾🤖¡Claude desde cero a producción, construyendo proyectos reales con #IA! Accede YA por US$14 con cupón de #Descuento IADEV26 por lanzamiento exclusivo en https://t.co/GvmRk3iVWF
The DESIGN.md upgrade is officially live in Stitch! 🚀
Yesterday we open-sourced the spec, and today we are giving you more tools to use it:
📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web.
🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas.
🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them.
🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system.
We’re excited to build the open design standard together. 👇
The Codex Super-App (Full Beginners Guide)
The All Purpose Interface for AI Agents
Part 1: Codex Basics
Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations
Part 2: Multitasking with Codex
- iOS App Designs
- Build an iOS App
- Landing Page
- Launch Video
- Investor Deck
- Social Media Automation
TIMESTAMPS:
Part 1: Codex Basics
00:00 Intro
02:54 Downloading Codex
03:20 Overview of Codex interface
03:56 Chats, Prompting, & Built in Search
04:53 Creating Projects
07:37 Creating Spreadsheet
09:43 How Files are stored and mentioned within projects
10:42 Quick Codex Overview
12:47 Search (CMD G) and Folder Organization
14:29 Skills and Plugins
16:29 Using Calendar Plugin
18:07 Creating Automations on Codex
19:18 Learn about Plugins (Figma)
21:37 Built in Image Gen
22:37 MCP Example (Paper for Design)
24:17 Opening Chats in mini-window
25:26 Steering vs Queueing the Agent
27:35 Creating Own Skill with API's
31:34 Using YouTube Researcher Skill (That we created)
33:24 Creating Automation with your custom skill
Part 2: Multitasking (More chaotic and fun)
35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts
37:54 Creating Project
38:31 Planning my 6 Projects
40:25 Mobile Design Skill
41:47 Setting up iOS App
45:08 Implementing Desings into Mobile app
46:13 Creating a landing page that collects user info
46:45 Tally for form submission (Great for lead magnets)
49:43 Organizing and Renaming Chats for multitasking
52:12 Database for Mobile App (Supabase)
53:19 Generating app icons
54:08 Launch Video (Remotion)
59:32 Remotion Video Timeline and Seeing the Video Editor
01:05:37 Editing instructions for Remotion (Gridlines)
01:07:11 Editing Web App
01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal)
01:17:20 Forking a Chat to create investor deck
01:19:09 Using Claude 4.7 Opus for Designing Deck
01:20:22 Testing Canva Export (It's good)
01:22:33 Running Mobile App on Actual Phone (Not Simulator)
01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video)
01:31:56 Exporting Deck and making changes in Canva
01:33:13 Deploy to Vercel using the Vercel Plugin
01:33:44 Adding Song to Remotion Video
01:35:26 Setting up x Post automations (Typefully)
01:37:57 Our App is on Testflight!
01:39:58 Final Remotion Video
01:41:04 Final Thoughts, Reflections, Summary
Muchos usan shadcn/ui pero pocos saben todo lo que puedes hacer con él hoy.
Y es que no es solo "copy-paste de componentes", sino que ahora tienes IA, constructor visual de temas, temas completos creados por la comunidad, integraciones con servicios como ElevenLabs, MapLibre y hasta kits de Figma oficiales. Te dejo mis recursos favoritos del ecosistema 👇
🔹 The Gridcn — tema Tron https://t.co/jfmrYekgmp
Un tema inspirado en Tron: Ares con 6 variantes (Tron, Ares, Clu, Athena, Aphrodite, Poseidon), efectos 3D con Three.js, glows neón y 50+ componentes. Perfecto para proyectos con identidad fuerte.
🔹 Glitchcn/ui — estética cyberpunk/hacker https://t.co/asI9qdifYH
Componentes con scanlines animados, bordes que emiten luz cyan/emerald y tipografía monospace. Ideal para portfolios dev, dashboards técnicos o cualquier cosa que quiera verse como un terminal hackeado.
🔹 ElevenLabs UI — componentes para apps con IA y audio https://t.co/h1blrQAShK
Si estás construyendo chats tipo ChatGPT, voice agents o interfaces de audio: acá tienes waveforms en tiempo real, agent orbs con estados (idle/listening/talking), voice fill, reproductores. Open source y basado en shadcn.
🔹 UI TripleD — shadcn + Framer Motion https://t.co/ymKIvALN7E
100+ bloques y páginas completas con animaciones listas. Incluye un Builder drag-and-drop para armar landings visualmente antes de copiar el código. Muy útil para prototipar MVPs.
🔹 mapcn — mapas estilo shadcn https://t.co/IVGSLbNfGo
Componentes de mapa para React construidos sobre MapLibre y estilizados con Tailwind. Se sienten parte del mismo design system. Si alguna vez peleaste con Google Maps en un dashboard, esto te va a gustar.
🔹 shadcn/ui kit de Figma (shadcndesign) https://t.co/mLidTdXFN6
Kit de Figma pixel-perfect + plugin que convierte diseños de Figma a código shadcn/ui real. Incluso tiene Agent Skills para que Claude, Cursor o Codex generen componentes desde un frame de Figma. El propio shadcn lo endorsó.
🔹 tweakcn — editor visual de temas https://t.co/8oYSK8uycE
El problema clásico: "todas las apps con shadcn se ven igual". tweakcn lo soluciona.
Es un editor no-code donde customizas colores, tipografía, border radius, sombras y transiciones con preview en tiempo real, y exporta las variables CSS listas para Tailwind v3 o v4. Viene con presets hermosos para arrancar rápido y son Open source.
shadcn dejó de ser una librería y se convirtió en una plataforma de distribución de código. Entre registries de terceros, MCP servers, builder visual y kits de diseño, hoy puedes armar una app completa sin salir del ecosistema.
¿Cuál me falta? Dejen sus favoritos 👇
Esta herramienta me encantó.
Learn Claude Code Interactively es un mini curso dónde vas a aprender a usar CC con ejercicios prácticos
Lo mejor es que al tocar muchos conceptos standard, puedes usar estos temas en otras AIs!
Y si, es GRATIS
The @angular team released their own official Agent skills.
You can install them with this command:
npx skills add https://t.co/aAWKdP5GU2
#angular#agentskills#ai
Armé una guía completa sobre Skills en Claude Code.
Estuve semanas creando y documentando todo lo que fui aprendiendo.
Desde qué son y cómo funcionan, hasta buenas prácticas y patrones más avanzados.
Todo eso lo reuní en este artículo.
Cuando termines de leerlo, vas a poder crear tus propias Skills desde cero y empezar a usarlas en tus proyectos.
Hay muchísimo contenido.
Ojalá lo disfrutes.
Muchos están programando con IA ahora, usando quizás Claude Code, Cursor, Copilot, GPT-Codex, etc.
Pero hay algo que casi nadie menciona…
Si tu proyecto está desordenado, la IA tampoco lo va a entender bien.
Una forma simple de organizar un proyecto cuando trabajas con IA:
📁 src/ → código de tu aplicación
📄 CLAUDE.md (contexto del módulo)
📁 docs/ → documentación técnica
📄 architecture.md
📁 decisions/
📁 runbooks/
📄 CLAUDE.md → contexto global del proyecto
📁 .claude/ → configuración del agente
📄 settings.json
📁 hooks/
📁 skills/
📁 code-review/
📁 refactor/
📁 release/
📁 tools/ → utilidades del proyecto
📁 scripts/
📁 prompts/
La idea es simple:
Separar código, documentación, contexto de IA y automatizaciones.
Cuando el proyecto está bien organizado:
• la IA entiende mejor tu código
• reutilizas instrucciones
• automatizas tareas
• desarrollas mucho más rápido
Programar con IA no solo es usar prompts. También es organizar bien tu proyecto.
Newly Available: Navigation API 🧭
The modern successor to the History API, designed specifically for SPAs. It provides centralized control over browser navigation with detailed event information and promise-based lifecycle management.
Dive in! 👇
https://t.co/oCbDrZfNtm
Optimize rendering with CSS Containment 📦
Isolate page subtrees from the rest of the DOM so browsers can optimize independently.
🚀 Better performance for large pages
🧩 Modular, reusable components
📐 Enables container queries
Learn more 👇
https://t.co/EfgP0ppoxO
#SoftwareEngineering
La ingeniería de software siempre debió ser 70% de plantación, 20% de desarrollo y 10% de pruebas, ya que nos fundamentamos en el ciclo de vida del software🤭
El creador de Node afirma que la era de escribir código terminó. Que habrá mucho trabajo en ingeniería de software, pero que teclear sintaxis ya no será lo principal. ¿Ustedes que opinan?
NotebookLM, built with Flutter 🌟
Hear how the NotebookLM team utilized Flutter to meet massive user demand and delivered a delightful 4.8-star mobile experience in under 7 months.
Watch the full video → https://t.co/VJCTfw6RvP
If your niche is web development, take some time to answer this survey that brings value to everyone (both the beginner and the entrepreneur or company that seeks to innovate). ❣️
#WebDevelopment
https://t.co/AYoPv93uP1