Перейти к содержимому

Impeccable: El skill que elimina el "AI Slop" de tus interfaces (y es gratis)

Fazt

0:00 / 0:00

Impeccable: El skill que elimina el "AI Slop" de tus interfaces (y es gratis)

64 882 просмотра · 1 месяц назад
Fazt
684 тыс. подписчиков
64 882 просмотра · 1 месяц назад
💰 Despliega tu app desde $4 en Seenode → https://seenode.com 🔥 Impeccable: El skill de diseño que está cambiando cómo generamos interfaces con IA ¿Cansado de que Claude, Cursor o cualquier agente te genere interfaces genéricas, con ese “AI slop” típico (beige, tipografías raras, sombras feas)? Hoy te muestro Impeccable, un skill open source con casi 50.000 estrellas en GitHub que le da a tu agente un lenguaje de diseño real. Creado por el mismo autor de bibliotecas de UI conocidas, este skill trae 23 comandos específicos para craft, critique, typeset, layout, animate, polish, harden y mucho más. En este video hacemos una demo completa: Instalación en Claude Code (y otros agentes) Creación de un landing page desde cero con /impeccable craft Live Mode (edición visual en el navegador) Design system automático (DESIGN.md) ⏱️ Indice 00:00 ¿Qué es Impeccable? 00:48 Patrocinador 01:50 Repositorio y los 23 comandos 02:58 Herramientas compatibles y requisitos 03:25 Creando una landing page desde cero 04:13 Cómo instalar Impeccable 05:17 Comando Craft y planificación del diseño 06:38 Archivos de producto y paleta 07:22 Generación de imágenes y mockups 08:42 Resultado inicial del sitio web 09:25 Añadiendo el modo oscuro 09:51 Edición visual con Impeccable Live 10:08 Documentación y reglas de diseño 10:52 Seleccionar y modificar elementos 11:32 Insertar nuevas secciones 12:46 Detector de antipatrones 13:19 Visualización del sistema de diseño 14:10 Instrucciones mediante dictado por voz 14:59 Otros comandos: CLI y animaciones 15:39 Consumo de tokens y recomendaciones 16:16 Conclusiones 🔗 Enlaces Sitio oficial: https://impeccable.style GitHub: https://github.com/pbakaus/impeccable 📌 Si este tipo de tools te interesan, suscríbete y activa la campanita. ¿Quieres que profundice en algún comando específico o que compare Impeccable con otros skills de diseño? Déjamelo en los comentarios. 🌐 Mi web: https://fazt.dev 🐦 X / Twitter: @FaztTech #Impeccable #ClaudeCode #Cursor #AIDesign #Frontend #Skills #Claude #DiseñoConIA