Probada en una tarea realComunidad, verificadaDiseño y front end
Taste Skill
Una landing page construida en torno a una idea tomada de tu negocio, revisada en un navegador real antes de que la veas.
Instala Taste Skill gratis
Deja tu email y los pasos de instalación se abren aquí mismo: un prompt para pegar en tu herramienta de IA. Sirve para las 149 skills.
- Nuestra nota
- 6/10
- Funciona en
Claude, ChatGPT+7 más
Claude Code, Claude app, Codex, ChatGPT, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf y más de 60 herramientas de IA que leen skills.
- ¿Hace falta programar?
- No
- Tiempo hasta el resultado
- 50 min
- Creado por
- Leon Lin
- Probada
- 19 oct 2026

Con la skillLa respuesta corta
Taste Skill es una skill de diseño para Claude Code que reparte una dirección de diseño investigada, prohíbe hábitos comunes de las páginas hechas con IA como las palabras de acento y los pasos numerados, y revisa el resultado en un navegador real antes de que Claude critique sus propias capturas. Le sirve a dueños y marketers que quieren una landing page con una idea audaz propia y pueden correr una sesión más larga. Nuestro veredicto es 6/10: con el mismo prompt que Claude sin la skill produjo una página más distintiva con un selector de cupos que funciona, pero la página de Claude sin la skill ya era completa y pulida, y la skill tardó el doble.
Ideal para: Dueños que quieren una landing page con una idea audaz propia y no tienen problema en correr una sesión más larga de Claude Code para lograrla.
¿Quieres este resultado en tu propio trabajo?
Regístrate gratis e instala Taste Skill en un minuto. Un solo email abre los pasos de instalación de todas las skills del sitio.
Cuándo vale la pena usarla
Vende clases o eventos
Organizas talleres, degustaciones o clases y quieres que la gente reserve. En nuestra prueba armó una página donde los visitantes eligen un taller y cupos, ven el total, y el botón redacta el email de reserva.
Landing page con un concepto
Quieres una página que la gente recuerde, no una plantilla agradable. La skill encuentra algo que solo tiene tu negocio, como el torno y los seis cupos en nuestra prueba, y lo repite en cada sección.
Arregla una página que parece hecha con IA
Tu página actual tiene etiquetas pequeñas sobre los títulos, tarjetas con íconos y degradados. La skill registra la página tal como está, la rehace con reglas que eliminan esos hábitos y mide el antes y el después.
Cómo conseguir un gran resultado
Instálala (pasos abajo)
Úsala en Claude Code en una computadora con Node 22 o más nuevo y Chrome, Edge o Chromium. Los scripts no instalan nada más.
Dale datos y fotos reales
Pega tus precios, dirección, límites y reseñas, y adjunta tus propias fotos. La skill enumera de ocho a doce cosas que solo tienes tú, y la idea de la página sale de esa lista, así que cuanto más específico seas, mejor.
Deja que elija una dirección
Un script reparte tres direcciones de diseño y Claude elige la que encaja con tu tema, y luego escribe la idea en una frase. En nuestra prueba eligió un motivo: el círculo del torno repetido por todas partes, en colores tomados de los tres esmaltes del taller.
Espera las revisiones
Claude arma la página, corre un verificador en navegador en anchos de escritorio, tablet y teléfono hasta que nada falle, y luego puntúa sus propias capturas y corrige los tres problemas principales. Cuenta con que esto tome un rato.
Completa placeholders y conecta las reservas
Busca [placeholder] en la página y completa fechas, horarios y políticas. No hay reservas ni checkout reales: el botón redacta un email o apunta a un enlace que le des.
Este es el prompt exacto con el que empezamos nuestra prueba:
Crea una landing page que venda los talleres nocturnos de cerámica de Clay & Co, como un solo archivo HTML responsive, out/index.html (CSS y JS dentro del archivo). Debe dar ganas de reservar: explicar los tres talleres, qué te llevas a casa, cómo es una noche, reseñas y un botón de Reservar claro. Quiero que parezca diseñada por un estudio top, no hecha por IA.Todo lo que creó
Cada pieza de abajo es un resultado real de nuestra prueba, abierto tal como lo abrirías tú.




Cómo fue la sesión
La conversación de nuestra prueba, resumida. Unos 50 minutos desde el primer prompt hasta el resultado final.
- Tú: Crea una landing page que venda los talleres nocturnos de cerámica de Clay & Co, como un solo archivo HTML responsive (CSS y JS dentro del archivo). Debe dar ganas de reservar: explicar los tres talleres, qué te llevas a casa, cómo es una noche, reseñas y un botón de Reservar claro. Quiero que parezca diseñada por un estudio top, no hecha por IA. [Ficha de datos y 8 fotos del taller adjuntas.]
- AI: Mi lectura: un sitio de una página que vende tres talleres nocturnos, y la única acción es "Reservar un cupo". No hay sistema de reservas, así que el botón redactará un email con lo que eligió el visitante.
- AI: Lo que solo tiene este taller: 2210 SE Division St, una sola ceramista, seis cupos por noche, los tres esmaltes, dos horneadas, los tres precios. Escribo cada sección como una afirmación con su prueba antes de cualquier diseño.
- AI: Elegí "Un motivo" por sobre un layout editorial y uno solo tipográfico. Idea: el cabezal redondo del torno donde empieza cada pieza, y los seis cupos a su alrededor, se vuelve la única forma: el recorte de la foto del hero, máscaras de fotos, botones redondos, seis círculos de cupo y un logotipo de pie de página hecho de círculos.
- AI: Redibujé el hero una vez porque el repartido no tenía foto y agregaba una segunda forma. Mantuve las proporciones de la paleta pero tomé los colores de tus esmaltes: Avena Moteada, Medianoche y Verde Ceniza.
- AI: La crítica de la ronda 1 dio unos 7.1, limitado a 6 por los fallos: las animaciones tardías dejaban pantallas vacías y el titular ocupaba tres líneas en una tablet. Corregí ambos y reduje la página a cinco tamaños de texto. La ronda 2 dio unos 7.5.
- AI: Listo: out/index.html. Placeholders a completar: hora de inicio, próximas fechas, pago, qué piezas son las de Glaze Night, retiro o envío de las piezas cocidas, delantales y arcilla. Los pasos de la clase (amasar, centrar, tornear, repisa) son el proceso general de cerámica, por favor confírmalos. Todavía flojo: la caja alta del hero y los placeholders visibles. Unos 50 minutos.
Qué funcionó y dónde se quedó corta
Qué funcionó
- Un concepto real salido del propio taller: círculos por todas partes, desde el recorte gigante de la foto del hero hasta seis círculos de cupo y un logotipo de pie de página hecho de círculos. Claude sin la skill, con el mismo prompt, hizo una página atractiva pero conocida con una palabra de acento en cursiva terracota y pasos numerados, dos cosas que esta skill prohíbe.
- El selector de cupos es un elemento vivo realmente útil: elige Make a Mug y 4 cupos y muestra $320 y redacta el email a hello@clayandco.shop.
- Su verificador en navegador detectó problemas reales antes de que los viéramos, como secciones que salían vacías en las capturas porque las animaciones empezaban tarde y un titular que ocupaba tres líneas en una tablet.
- Mantuvo honestas las pruebas: la cita de Sarah y la calificación de 4.9 están etiquetadas como reseñas de Etsy de las piezas, no de los talleres, y lo desconocido, como hora de inicio, fechas y pago, está marcado como [placeholder].
Dónde se quedó corta
- Algunas pantallas se sienten vacías o desconcertantes: un bloque salvia liso junto al selector, un hero centrado dentro de una caja alta y seis círculos oscuros y claros alternados arriba que parecen decoración hasta que llegas al selector.
- La versión de Claude sin la skill era más completa para un comprador: tarjetas con fotos por taller, un formulario de reserva completo con fecha y nombre, preguntas frecuentes y una barra fija de Reservar en teléfonos.
- Tomó unos 50 minutos, el doble que Claude sin la skill, y necesita Node 22 y Chrome en tu computadora para sus scripts.
¿Quieres este resultado en tu propio trabajo?
Regístrate gratis e instala Taste Skill en un minuto. Un solo email abre los pasos de instalación de todas las skills del sitio.
Prompts que funcionan
Cambia las partes entre corchetes por tus propios datos. No hace falta nombrar la skill: pide el trabajo y tu herramienta de IA la usa sola.
Crea una landing page que venda mis talleres de [tipo], como un solo archivo HTML responsive. Debe dar ganas de reservar: explicar los [número] talleres, qué te llevas a casa, cómo es una sesión, reseñas y un botón de Reservar claro. Quiero que parezca diseñada por un estudio top, no hecha por IA. Usa solo estos datos y marca todo lo demás como [placeholder]: [pega los datos]. Fotos: [adjúntalas].Diseña un sitio de una página para mi [panadería / estudio / tienda] en [dirección]. Lo que nos hace distintos: [tus límites, rituales, materiales]. Lo único que deberían hacer los visitantes es [reservar / pedir / visitarnos]. Estas son mis propias fotos: [adjúntalas].Esta página de inicio se ve genérica. Registra cómo se ve ahora y luego rediséñala con una dirección más fuerte, conservando los colores de mi marca [códigos hex], mis fuentes [nombres] y todos los enlaces y formularios actuales. Muéstrame capturas del antes y el después. Esta es la página: [pega el HTML o la carpeta].Crea un portafolio de una página para mi negocio de [fotografía de bodas / ilustración]. Usa estos proyectos y fotos reales: [lista y adjunta]. Encuentra una idea en mi trabajo y llévala por cada sección.Lo que necesitas: Las skills de la app de Claude funcionan en todos los planes de Claude, incluido Free, con la ejecución de código y la creación de archivos activadas; Claude Code necesita Pro o superior. Los scripts de esta skill necesitan Node 22 o más nuevo y Chrome, Edge o Chromium, así que en la práctica corre en Claude Code; el uso en la app de Claude no está documentado..
Cómo instalarla
Las skills siguen el estándar abierto Agent Skills, así que esta no depende de una sola empresa. Elige la herramienta de IA que usas. ¿No lo tienes claro? La primera pestaña cubre la mayoría en un solo paso.
Instala esta skill para que funcione en todos mis proyectos: ejecuta `npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -g -y` en mi terminal. Si falta Node.js, dime primero cómo instalarlo. Cuando termines, confirma que la skill quedó instalada y dime cómo empezar a usarla.O hazlo tú mismo:
Un solo comando instala la skill en las herramientas de IA de tu computadora. Detecta las que tienes y te pregunta en cuáles añadirla: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode y más de 60 más.
npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -gNecesitas tener Node.js instalado (gratis, en nodejs.org). La opción -g hace que la skill esté disponible en todos tus proyectos.
Bueno saber: El repo también incluye skills relacionadas (brandkit, rediseño, minimalista y variantes de generación de imágenes); npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend instala solo esta.
Desbloquea los pasos de instalación
Gratis. Deja tu email una vez para abrir los pasos de instalación de las 149 skills y recibir cada mes las mejores skills nuevas.
Cómo lo verificamos
Confirmamos la skill en su fuente original el 18 de octubre de 2026: el SKILL.md está donde debe estar, los archivos se actualizaron en el último año y la licencia (MIT) permite usarla. Después, el 19 de octubre de 2026, la instalamos, la usamos en la tarea de arriba sin modificarla y anotamos lo que pasó, incluido lo que salió mal.
Preguntas frecuentes
¿Necesito saber programar para usar Taste Skill?
No. Describes tu negocio con palabras simples y Claude escribe el código, corre los scripts y arregla lo que encuentran. Sí necesitas tener instalados Node 22 o más nuevo y Chrome, Edge o Chromium, y la skill no publica la página por ti.
¿Qué plan o herramientas necesita Taste Skill?
Las skills de la app de Claude funcionan en todos los planes de Claude, incluido Free, con la ejecución de código y la creación de archivos activadas; Claude Code necesita Pro o superior. Los scripts de esta skill también necesitan Node 22 o más nuevo y un Chrome, Edge o Chromium instalado, así que planea usarla en Claude Code.
¿Taste Skill funciona en Claude.ai?
El uso en Claude.ai no está documentado. Su ciclo de mirar y corregir depende de un navegador real en tu computadora, que Claude Code puede manejar, así que Claude Code es el lugar para usarla.
¿Es mejor que simplemente pedírselo a Claude?
Distinta, no claramente mejor. Con el mismo prompt Claude sin la skill hizo una página completa y pulida en unos 25 minutos, con una palabra de acento en cursiva, pasos numerados y tarjetas con fotos; con la skill Claude dedicó unos 50 minutos a una página más audaz construida en torno a un motivo de círculo, con un selector de cupos y menos hábitos de IA, pero también algunos bloques que se sienten vacíos. Elígela cuando destacar importe más que la velocidad.
¿Taste Skill va a inventar reseñas o estadísticas?
Sus reglas prohíben inventar clientes, citas, reseñas, prensa, logos o estadísticas del negocio. En nuestra prueba etiquetó la única reseña real y la calificación de 4.9 como reseñas de Etsy de las piezas, no de los talleres, y marcó los detalles faltantes como horarios de inicio y fechas como placeholders.
Más skills que vale la pena ver
- ProbadaProbada por el equipo de ai school: instalamos esta skill, la usamos en una tarea real y le pusimos un 7/10.Frontend DesignLleva a Claude hacia interfaces únicas e intencionales en lugar de plantillas genéricasNota de la prueba7/10
- ProbadaProbada por el equipo de ai school: instalamos esta skill, la usamos en una tarea real y le pusimos un 7/10.Canvas DesignPósters y arte visual originales en PNG o PDF, guiados por una filosofía de diseñoNota de la prueba7/10
- ProbadaProbada por el equipo de ai school: instalamos esta skill, la usamos en una tarea real y le pusimos un 5/10.Theme FactoryAplica uno de 10 temas listos de colores y fuentes a diapositivas, documentos o páginas webNota de la prueba5/10