ComunidadBóvedaStop AI Slop

Stop AI Slop

Diez repos gratis para que lo que hagas con IA no se vea hecho con IA. Y el dato que no sale en ningún reel: los diez no se instalan igual. Hay cuatro vías distintas, y dos de los diez no traen instalador de ninguna clase. De los otros ocho, aquí está el comando copiado de su README; de esos dos, lo que sí funciona.

De un vistazo

Cinco repos de diseño, dos de escritura y tres para explicar e investigar. Todos gratis, todos con licencia abierta.

Cada ficha trae qué es, para qué te sirve y cómo entra. Seis aceptan la vía de plugin de Claude Code, dos el CLI de skills, tres traen su propio instalador de npm y dos se copian a mano. Suman más de diez porque varios aceptan dos vías, y uno de esos instaladores ni siquiera deja una skill. Nada de instalar los diez: encimados se contradicen, y la sección 06 dice cuál te toca.

Si lo único que buscas es diseño y nada más, el kit de diseño con Claude arma otro conjunto de cinco skills, todas por la misma vía; de las de aquí solo repite UI/UX Pro Max.

10 repos4 vías de instalacióndiseño, escritura y diagramasMIT y Apache-2.0gratissin llave de APIverificado el 13 de septiembre de 2026

01 el problema

Por qué todo lo hecho con IA se parece

Abre cinco páginas hechas con IA esta semana y vas a encontrar el mismo degradado de morado a azul, la misma tipografía y el mismo titular que se tarda dos líneas en decir algo. Abre cinco textos y vas a leer el mismo arranque. No es coincidencia ni mala suerte.

A ese acabado se le dice slop, y tiene una explicación aburrida: el modelo se entrenó con todo internet, así que cuando no le das dirección te devuelve la mediana de internet. No es que la IA sea mala. Es que sin criterio devuelve el centro, y el centro es correcto, es competente y es idéntico al de todos los demás.

Lo bueno es que ese centro tiene forma y ya está catalogado. Dos de los diez repos de esta página son, en el fondo, la lista de lo que hay que dejar de hacer: el detector de Impeccable trae 61 reglas de diseño, y stop-slop trae las suyas para el texto. Lo que sigue son ejemplos de cada lado, sacados de sus propios README.

Cómo se ve y cómo suena

Diseño

Cómo se ve el slop de diseño

  • La tipografía Inter en todos lados. Es la letra que trae puesta medio internet, y es la que sale cuando nadie eligió ninguna.
  • El degradado de morado a azul, cruzando la pantalla de esquina a esquina.
  • Tarjetas dentro de tarjetas: una caja con borde que adentro tiene otra caja con borde, y a veces una tercera.
  • Texto gris sobre fondo de color, que se lee peor y que nadie decidió. Salió así.
  • Animaciones con rebote. Todo entra dando un saltito, aunque sea un formulario de facturación.

Escritura

Cómo suena el slop de escritura

  • El arranque que se aclara la garganta: dos líneas de preámbulo antes de decir la primera cosa útil.
  • Las muletillas de énfasis y la jerga de oficina: «es importante destacar», «aprovechar sinergias», «llevarlo al siguiente nivel».
  • Los adverbios. Todos, sin excepción: «realmente», «simplemente», «increíblemente».
  • Las afirmaciones vagas y el meta-comentario: párrafos que no se comprometen con nada, y texto que habla de sí mismo.
  • El contraste binario («no es X, es Y») y su prima, la lista de todo lo que algo no es.
  • La fragmentación dramática, una frase por línea para sonar profundo. Y el guion largo en cada párrafo: esa prohibición es para prosa en inglés —en español la raya es puntuación normal, y esta página la usa.

Ninguna de estas cosas está mal por sí sola. Lo que delata es que aparezcan todas juntas en el mismo trabajo, porque eso significa que nadie eligió nada: es lo que salió.

Hay dos formas de salirse del centro, y esta página trae las dos. Una es la lista: nombrar uno por uno lo que delata y prohibirlo, que es lo que hacen Impeccable y stop-slop. La otra la usa Taste, que le pone tres perillas al modelo (variación de diseño, intensidad de movimiento y densidad visual) para empujarlo fuera del promedio a propósito, en vez de esperar a ver qué sale y corregir después.

Si quieres el porqué de fondo, por qué el modelo tiende al promedio y cómo se le da dirección desde el prompt, eso está explicado en mejores prácticas de prompting. Aquí se da por visto, porque lo que sigue son las herramientas que ya traen ese criterio escrito y te ahorran dictarlo cada vez.

Cómo está repartida la página

Tres artes, diez repos

El slop pega en tres lugares distintos: diseño, escritura, y explicar o investigar. Los diez repos de esta página cubren los tres, todos son gratis y ninguno pide una llave de API. Cinco son de diseño, dos de escritura y tres para explicar e investigar.

Lo que casi nadie dice es que no todos entran igual. Ahí empieza la página en serio.

02 las vías

Las cuatro vías de instalación

Antes del primer comando conviene saber esto: los diez no se instalan igual. Son cuatro vías distintas y ni siquiera se escriben en el mismo lugar: unas van dentro de Claude Code, otras en la terminal de tu computadora, y dos de los diez repos no traen instalador de ninguna clase.

Aquí va cada vía con un ejemplo genérico, de esos que dicen owner/repo en vez de un nombre real. El comando exacto de cada repo va en su ficha, en las secciones 03 a 05.

Plugin de Claude Code

Dónde se escribe
Dentro de Claude Code, en el chat
Cuántos de los diez
Seis
Cómo se ve
/plugin install …

El CLI de skills

Dónde se escribe
En la terminal de tu computadora
Cuántos de los diez
Dos
Cómo se ve
npx skills add …

Un CLI propio de npm

Dónde se escribe
En la terminal de tu computadora
Cuántos de los diez
Tres
Cómo se ve
Su propio nombre

Copiar el archivo a mano

Dónde se escribe
En tus carpetas, sin comando
Cuántos de los diez
Dos sin instalador, y uno que además la acepta
Cómo se ve
Sin comando

Los números no suman diez a propósito: varios de los repos aceptan más de una vía, y por eso cada ficha trae la suya en vez de una regla general.

Las cuatro, una por una

A

Plugin de Claude Code — seis de los diez

Estos se escriben dentro de Claude Code, en el mismo chat donde le pides las cosas, no en la terminal. Son dos comandos y el orden importa: primero agregas el marketplace —el repo del que salen los plugins— y después instalas el plugin que vive ahí dentro.

Manda cada uno en un mensaje aparte y espera a que el primero termine antes de escribir el segundo. Si los pegas juntos, el segundo llega cuando el marketplace todavía no existe.

Primero: agregar el marketplace

/plugin marketplace add owner/repo

Después, en otro mensaje: instalar el plugin

/plugin install nombre-del-plugin@nombre-del-marketplace
B

El CLI de skills — dos de los diez

Este va en la terminal, la ventana donde se teclean comandos (Terminal en Mac, PowerShell en Windows). Es una herramienta de Vercel Labs: baja la skill del repo y la deja donde Claude la va a encontrar sola.

Si le agregas --global al final, la skill queda disponible en todos tus proyectos. Sin --global, solo en la carpeta donde estés parado cuando corras el comando.

En la terminal

npx skills add owner/repo
C

Un CLI propio de npm — tres de los diez

Tres traen su propio instalador, y uno de esos tres ni siquiera es una skill: es un programa aparte que corre por su cuenta. También se escriben en la terminal, pero no hay un comando genérico que sirva para los tres: cada uno se llama distinto y va escrito completo en su ficha.

D

Copiar el archivo a mano — dos que no traen otra

Dos no traen instalador de ningún tipo, y decirlo es parte del trato. Se resuelve de una de dos formas: copias el archivo a la raíz de tu proyecto —la carpeta principal, donde vive todo lo demás— o clonas el repo dentro de ~/.claude/skills/. Un tercero, frontend-slides, sí trae plugin y además acepta esta vía, así que por vía usada son tres y por falta de instalador son dos.

No es peor que las otras tres. Lo que se instala es un archivo de texto con instrucciones, y Claude lo lee igual venga de un instalador o de un copiar y pegar.

Lo que rompe a la gente

Dos detalles de la vía de plugin

  • Los dos nombres a los lados del @ no siempre son iguales. A veces coinciden, a veces no, y uno de los diez va sin @ en absoluto. Por eso cada ficha trae su línea copiada tal cual en vez de una fórmula.
  • Claude Code deja el auto-update apagado para los marketplaces de terceros. Se prende a mano en /plugin > Marketplaces > el marketplace > Enable auto-update.

Un repo, dos nombres: el README del repo manda

Esta es la que más tiempo se lleva, porque no parece una falla. El mismo repo puede dejar su comando con nombre distinto según por dónde entró, y los dos nombres son correctos: cada uno para su vía.

Por la vía de plugin

Claude Code suele prefijarlo con el nombre del plugin

  • /humanizer:humanizer
  • /frontend-slides:frontend-slides
  • /diagram-design:export-diagram

A mano o con el CLI de skills

Queda pelado, sin prefijo

  • /humanizer
  • /frontend-slides

No es regla de hierro

Hay repos que documentan el nombre pelado aunque entren como plugin

Understand-Anything es el ejemplo: su única vía es la de plugin y su propio README documenta /understand, sin prefijo. Cuando lo que dice el README no coincide con la forma de arriba, manda el README.

El síntoma

Escribes el comando y no pasa nada

Invocar de una forma lo que entró por la otra no funciona, y lo peor es que no marca error. Claude se queda callado, igual que si no hubieras escrito nada, y tú te quedas pensando que la skill está rota.

La regla práctica es una sola: si mandaste el comando y no reacciona, prueba la otra forma antes de reinstalar nada. Pelado si pusiste el prefijo, con prefijo si lo pusiste pelado. Casi siempre es eso, no el repo.

Dónde queda instalado

La carpeta de tu usuario y la del proyecto

Para todos tus proyectos
~/.claude/skills/ — la carpeta de tu usuario. Lo que dejes ahí lo ve Claude en cualquier proyecto que abras.
Solo para uno
Una carpeta .claude/skills/ dentro del proyecto. Ahí la skill existe únicamente en ese proyecto y en ningún otro.
Cuál conviene
Mientras pruebas, la de tu usuario: instalas una vez y la tienes a la mano en todo. La del proyecto cuando ya sepas cuál te sirve, y eso lo decide la sección 06.

Al terminar de instalar

  • Reinicia Claude Code. Si te pide otra cosa, corre /reload-plugins —ese comando es de Claude Code, no de ningún plugin, así que va sin prefijo— y sigue.
  • Fíjate con qué nombre quedó el comando antes de usarlo: prefijado si entró como plugin, pelado si lo copiaste a mano, y lo que diga el README si los dos difieren.

Con las vías claras, lo que sigue es copiar y pegar: las tres secciones de abajo traen la ficha de cada repo con su comando exacto, y la 06 dice cuál te toca a ti.

03 arte 1 · diseño

Cinco para que no se vea hecho con IA

Los cinco atacan lo mismo —que todo salga con el mismo degradado y la misma tipografía— por vías distintas. Tres le enseñan criterio al modelo. Uno te regala el archivo que describe cómo se ve tu producto. Y el quinto revisa ese archivo, y ni siquiera se instala en Claude Code.

Ese archivo se llama DESIGN.md y va a salir tres veces aquí abajo: es un documento de texto que vive en tu proyecto y anota los colores, la tipografía, el espaciado y el tono. Si está, Claude lo lee y deja de inventarse el aspecto en cada petición.

UI/UX Pro Max

Un corpus de criterio de diseño que el modelo consulta antes de escribir una línea. Le enseña a diseñar con una razón detrás de cada decisión.

Te sirve cuando lo que te sale está bien armado pero se ve igual a todo lo demás. Hoy su README lista 79 estilos de UI (50 activos), 192 paletas de color, 74 pareos de tipografía, 119 guías de UX, 192 reglas de razonamiento por industria y 22 stacks. El modelo busca ahí dentro y elige con una razón, en vez de tirar lo primero que le venga.

Ficha

nextlevelbuilder/ui-ux-pro-max-skill

Licencia
MIT
Lenguaje
Python
Qué necesitas
Python 3 instalado en tu máquina: el corpus se consulta con un script (search.py). Eso lo instalas tú, no Claude.

Vía A · como plugin de Claude Code

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill /plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Vía B · el CLI de npm, que su README marca como el recomendado

npm install -g ui-ux-pro-max-cli uipro init --ai claude

Para dejarlo disponible en todos tus proyectos

uipro init --ai claude --global

Ojo con esto

Fíjate en los dos lados del @ del segundo renglón: ui-ux-pro-max@ui-ux-pro-max-skill. El nombre del plugin y el del marketplace no son iguales, y es el único de los diez donde pasa. Si escribes el mismo a los dos lados, el comando no encuentra nada.

Repo: nextlevelbuilder/ui-ux-pro-max-skill.

Esta skill también viene dentro de el kit de diseño con Claude, que arma otro conjunto de cinco skills —las otras cuatro no aparecen en esta sección— y las instala todas por la misma vía, npx skills add. De las cinco de aquí, esta es la única que se repite allá.

Impeccable

23 subcomandos de diseño más un detector de 61 reglas que corre sin modelo: la revisión no te cuesta tokens ni pide llave de API.

Por eso puedes correrla las veces que quieras. Y lo que de verdad lo separa del resto es que te cambia el orden del trabajo: primero te escribe un PRODUCT.md con lo que tu producto es —para quién, para qué, con qué voz— y todos los comandos siguientes leen de ahí. También te escribe un DESIGN.md leyendo el código que ya tienes. Su propio README dice que nació de la skill frontend-design de Anthropic.

Ficha

pbakaus/impeccable

Licencia
Apache-2.0
Lenguaje
JavaScript
Qué necesitas
Node instalado, porque el primer comando va por npx (npx viene con Node).

01 · En la terminal, parado en la carpeta de tu proyecto

npx impeccable install

02 · Dentro de Claude Code, con el nombre de comando que documenta su README

/impeccable init

Si lo prefieres como plugin, esta es la única línea que existe

/plugin marketplace add pbakaus/impeccable

Ojo con esto

Por la vía de plugin no hay línea de /plugin install: no existe, y buscarla es lo que más tiempo hace perder con este repo. Agregas el marketplace con el comando de arriba, abres /plugin y lo eliges de la lista. Y si /impeccable init no te contesta, el nombre está bien: revisa por cuál vía entró, que la sección 02 repasa las cuatro.

Repo: pbakaus/impeccable.

Impeccable a fondo, con sus subcomandos uno por uno, está en el trío de skills para Claude Code, junto con OpenSpec y grill-me.

Taste

Trece skills de criterio visual en un mismo repo: diez de código y tres de generación de imagen.

Lo que hace distinto son tres perillas del 1 al 10 que trae cada archivo: DESIGN_VARIANCE, MOTION_INTENSITY y VISUAL_DENSITY. Subirlas saca al modelo del centro a propósito, y el centro es justo de donde sale el acabado genérico. Funciona con React, Vue o Svelte.

Ficha

Leonxlnx/taste-skill

Licencia
MIT
Lenguaje
JavaScript
Qué necesitas
Node instalado: los dos comandos van por npx.

Las trece de una vez

npx skills add https://github.com/Leonxlnx/taste-skill

Solo la principal, en vez de las trece

npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"

Ojo con esto

El dueño se escribe Leonxlnx, con L mayúscula. En minúscula el comando falla y el error no te dice por qué. Copia la línea de arriba en vez de escribirla a mano.

Repo: Leonxlnx/taste-skill.

Taste y UI/UX Pro Max trabajando como el departamento de diseño de un negocio están en los cinco departamentos.

awesome-design-md

Una lista curada de 73 archivos DESIGN.md sacados de sitios reales. Aquí no se instala nada.

Vienen repartidos en diez categorías: plataformas de IA, herramientas de desarrollo, backend, productividad, diseño, fintech, e-commerce, medios, automotriz y web retro. Te sirve cuando ya sabes a qué quieres que se parezca lo tuyo: eliges el archivo del sitio más cercano y arrancas de ahí, en vez de describirle el estilo a Claude desde cero.

Ficha

VoltAgent/awesome-design-md

Licencia
MIT
Lenguaje
Markdown puro
Qué necesitas
Nada. Ni Node, ni Python, ni /plugin: el repo entero son archivos de texto.

Ojo con esto

Su README solo marca dos pasos, y son literalmente estos: copias a la raíz de tu proyecto el DESIGN.md del sitio que quieras, y le dices a Claude que lo use. No hay comando de instalación. Si alguien te pasa uno para este repo, se lo inventó.

Repo: VoltAgent/awesome-design-md.

Los 73 archivos recorridos uno por uno están en la guía de awesome-design-md, que es donde conviene elegir el tuyo.

design.md de Google

No es una skill ni un plugin, y no se instala en Claude Code. Es el formato DESIGN.md más una herramienta de terminal que lo revisa.

Define el formato —una cabecera YAML con los tokens de color, tipografía, redondeo y espaciado, más prosa que explica el porqué— y trae un CLI que lo valida, incluido el contraste según WCAG, la regla que dice si un texto se lee de verdad sobre su fondo. También compara dos versiones del archivo y lo exporta a configuración de Tailwind v3 o v4, o a tokens DTCG. Para qué te sirve en la práctica: es el corrector del DESIGN.md que te dio cualquiera de los otros cuatro. Ese es el puente honesto.

Ficha

google-labs-code/design.md

Licencia
Apache-2.0
Lenguaje
TypeScript
Qué necesitas
Node instalado y un archivo DESIGN.md que revisar. Los tres comandos van por npx: no dejan nada instalado, descargan y corren.

Revisar tu DESIGN.md

npx @google/design.md lint DESIGN.md

Exportarlo a un tema de Tailwind

npx @google/design.md export --format css-tailwind DESIGN.md > theme.css

En Windows, por un choque con la extensión .md

npx -p @google/design.md designmd lint DESIGN.md

Ojo con esto

No lo busques en /plugin: no está ahí ni va a estar. Se corre desde la terminal, parado en la carpeta de tu proyecto, y solo tiene sentido cuando ya tienes un DESIGN.md que revisar.

Repo: google-labs-code/design.md.

Antes de copiar los once comandos

Uno por trabajo

Instalar los cinco al mismo tiempo no te da cinco veces más criterio: te da cinco voces opinando sobre el mismo botón, y el modelo termina promediándolas. Lo que funciona es uno por trabajo. Elige uno, úsalo hasta que sepas qué te da, y recién ahí prueba otro.

Si no sabes cuál te toca, la tabla de la sección 06 lo resuelve por lo que vas a hacer, no por lo que suena mejor.

04 arte 2 · escritura

Dos repos para que tu texto no suene a IA

El slop de escritura se nota antes que el de diseño. El párrafo que se aclara la garganta antes de decir nada, el guion largo cada tres líneas, el «no es X, es Y» que suena a frase de cierre y no dice nada. Cualquiera lo huele, aunque no sepa nombrarlo.

Los dos repos de aquí atacan lo mismo desde lados opuestos. humanizer arregla un texto que ya escribiste. stop-slop te pone las reglas antes de escribir y te califica al final. Puedes tener los dos instalados; lo que no conviene es pedirle a Claude que siga los dos reglamentos en la misma pasada, porque se pelean y ninguno gana.

humanizer

Reescribe tu texto para que suene humano sin cambiar lo que dice. No resume, no adorna, no le mete ideas nuevas: agarra lo que ya escribiste y le quita los tics.

Y lo que casi nadie usa: pégale dos o tres párrafos escritos por ti junto al texto que quieres arreglar. Con esa muestra se acerca a tu manera de escribir en vez de devolverte la voz neutra de siempre, que es otra forma de slop: más limpia, igual de anónima.

Si el texto ya vive en un archivo, no hace falta pegarlo. Le pasas la ruta —dónde está guardado en tu computadora— y trabaja ahí mismo.

blader/humanizer

Una skill de un solo archivo de texto

Versión
2.9.1.
Qué trae dentro
33 patrones de escritura de IA: los tics que el modelo repite sin darse cuenta, y cómo se arregla cada uno.
Lenguaje
Markdown. Es un archivo de instrucciones, no un programa que haya que correr.
Licencia
MIT. Gratis, y lo puedes modificar.
Cómo se instala
Dos vías: el CLI de skills o como plugin de Claude Code. Las dos están abajo.
Sobre qué trabaja
Texto pegado en el chat, o la ruta de un archivo tuyo.

Vía 1 · el CLI de skills, en la Terminal

npx skills add blader/humanizer --global

Vía 2 · agregar el marketplace (pide Claude Code 2.1.142 o más nuevo)

/plugin marketplace add blader/humanizer

Vía 2 · instalar el plugin, en el mensaje siguiente

/plugin install humanizer@humanizer

La trampa de los dos nombres

El comando no se llama igual según cómo lo hayas instalado

Instalado con el CLI de skills, el comando queda /humanizer. Instalado como plugin, queda /humanizer:humanizer. Es el mismo archivo y el mismo resultado; lo único que cambia es cómo lo llamas. Si escribes el que no es, Claude te responde que no existe y parece que la instalación falló.

Es el ejemplo más limpio de lo que viste en las cuatro vías de instalar: el nombre del comando lo decide la vía por la que entró, no el repo.

Este repo tiene guía propia: Claude Copywriter lo recorre entero, así que aquí solo va la ficha.

Y si escribes en español, Humanízalo es el humanizador propio de la comunidad: 40 patrones, pensados para nuestro idioma.

El repo: github.com/blader/humanizer.

stop-slop

Sí, se llama igual que esta página. Y no es de diseño: es de escritura. Eso sorprende a todo el mundo, porque el nombre suena a lo otro. Adentro no hay nada más que texto: cuatro archivos de Markdown, ni una línea de código.

Lo que hace es ponerte tres listas de lo prohibido antes de que escribas, y no soltarlas en toda la redacción:

  • Frases. Los arranques que se aclaran la garganta, las muletillas de énfasis, la jerga de oficina, TODOS los adverbios, las afirmaciones vagas sin dato atrás y el meta-comentario: el texto hablando de sí mismo.
  • Estructuras. Los contrastes binarios («no es X, es Y»), las listas en negativo, la fragmentación dramática (frases de tres palabras. Así. Punto), las preguntas retóricas de arranque, la falsa agencia —que las cosas decidan solas— y la voz pasiva.
  • Reglas de frase. Nada de empezar con Qué, Cuándo o Cómo; nada de guion largo, ninguno; nada de extremos fáciles del tipo «todo el mundo» o «nunca»; y voz activa obligatoria.

Un aviso sobre esas tres listas: están escritas para prosa en inglés salida de un modelo. En español la raya (—) es puntuación normal y esta guía la usa a propósito. Lo que sí se traduce a cualquier idioma son los adverbios de relleno, la jerga de oficina y las afirmaciones vagas sin un dato atrás.

Al final te pone nota del 1 al 10 en cinco ejes —Dirección, Ritmo, Confianza, Autenticidad y Densidad— y te manda reescribir si bajas de 35 sobre 50. Esa nota es lo que lo vuelve útil: te da una razón concreta en vez de un «quedó mejor».

hardikpandya/stop-slop

Una carpeta de skill pelada: un SKILL.md y tres archivos de referencia

Qué trae
Cuatro archivos: el SKILL.md que manda y tres de referencia — frases, estructuras y ejemplos.
Lenguaje
Markdown puro. No hay nada que compilar ni que correr.
Licencia
MIT.
Cómo se instala
A mano. Su README no trae comando; el de abajo lo armamos nosotros.
Última vez que se movió
Marzo de 2026. Es el más viejo de los diez.

Comando nuestro, no del repo · pégalo en la Terminal

git clone https://github.com/hardikpandya/stop-slop ~/.claude/skills/stop-slop

Lo que su README sí dice

Este no se instala con un comando: se copia a mano

Su README lo pide en prosa: «Claude Code: agrega esta carpeta como una skill». No hay npx, no hay plugin, no hay marketplace. Por eso el comando de arriba va rotulado como nuestro: lo que hace es dejar la carpeta del repo dentro de ~/.claude/skills, que es donde Claude Code busca las skills de tu usuario. Reinicia Claude Code después: si no, no la ve.

Si quieres el mismo trabajo pero en español y con más patrones, Humanízalo hace de las dos cosas: te reescribe y te califica.

El repo: github.com/hardikpandya/stop-slop.

stop-slop no se mueve desde marzo de 2026; por qué eso no lo rompe está en la letra chica.

05 arte 3 · explicar e investigar

Tres para cuando toca explicarlo

El slop no vive solo en las imágenes. También aparece cuando tienes que explicar algo: la presentación con la plantilla de siempre, el diagrama de cajas grises que podría ser de cualquier empresa, y el repositorio —la carpeta con todo el código de un proyecto— que nadie entiende y que por eso nadie usa.

Las dos primeras de esta parte te entregan algo que vas a enseñar. La tercera es al revés: no saca nada bonito, saca el mapa de un proyecto de código para que puedas explicarlo. Van juntas por el momento que resuelven, no porque se parezcan.

Tres momentos, tres repos

Dónde se nota que no lo armaste tú

  • La presentación genérica: la plantilla de siempre, el degradado de siempre, y esa sospecha de que la armó una máquina en vez de alguien que entiende el tema.
  • El diagrama feo de siempre: cajas grises con flechas, tipografía apretada y ningún criterio visual atrás.
  • El proyecto que nadie entiende: el código está ahí, funciona, y nadie —tú incluido, tres meses después— sabe qué pieza toca a cuál.

frontend-slides

El nombre engaña. No es una presentación sobre diseño frontend: es un plugin de verdad de Claude Code que arma presentaciones.

El repo es zarazhangrui/frontend-slides, y su README es el que da los dos avisos de instalación de más abajo.

Lo que hace distinto es cómo decide la estética: no te pregunta. Te genera tres muestras visuales y eliges una. Mostrar en vez de preguntar, y eso quita el problema de fondo: eliges viendo, no describiendo con palabras que el modelo va a promediar.

En corto

Un plugin que arma presentaciones, no una presentación

Licencia
MIT
Lenguaje
JavaScript
Qué te entrega
Presentaciones en HTML de un solo archivo: el diseño y la interacción viajan adentro, sin dependencias, y en 16:9 fijo.
Qué más hace
Convierte archivos .pptx que ya tengas, y exporta a PDF.
Cómo queda el comando
Instalado como plugin: /frontend-slides:frontend-slides. Instalado a mano: /frontend-slides.

1 · Agrega el marketplace, con la URL completa

/plugin marketplace add https://github.com/zarazhangrui/frontend-slides

2 · Instálalo, en un mensaje aparte

/plugin install frontend-slides@frontend-slides

Vía manual, si prefieres — va en la terminal

git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

Dos avisos de su propio README

Los dos comandos no se pegan juntos

Van en mensajes separados: mandas el primero, esperas a que termine, y hasta entonces mandas el segundo. Pegados en un solo mensaje no funciona.

Y el marketplace se agrega con la URL https completa, no con la forma corta owner/repo. Con la corta, Claude Code puede intentar conectarse por SSH —otra forma de hablarle a GitHub, la que pide llaves ya configuradas— y fallar.

diagram-design

38 tipos de diagrama editorial, en HTML y SVG de un solo archivo. Sin Mermaid, que es la forma más común de dibujar diagramas escribiendo texto y la que deja ese acabado de cajas grises.

El repo es cathrynlavery/diagram-design.

La lista es larga a propósito: arquitectura, flujo, secuencia, entidad-relación, Gantt, Sankey, mapa de Wardley, espina de pescado, organigrama, carriles, treemap, kanban, recorrido de usuario, clases UML y esquema de base de datos. Y lo que casi no se menciona: también importa el diagrama que ya tienes —de draw.io, de Mermaid o de Excalidraw, las tres formas más comunes de tener uno hecho— y lo vuelve a dibujar con su estilo. Exporta a SVG y a PNG.

En corto

38 tipos de diagrama, todos con criterio editorial

Licencia
MIT
Lenguaje
HTML
Qué te entrega
Un archivo solo, en HTML y SVG. Exporta a SVG y a PNG.
Qué importa
Diagramas que ya tengas hechos en draw.io, Mermaid o Excalidraw. Los vuelve a dibujar, no los copia.

1 · Agrega el marketplace

/plugin marketplace add cathrynlavery/diagram-design

2 · Instala el plugin

/plugin install diagram-design@diagram-design

Solo si vas a exportar a PNG — una vez, en la terminal, y pide Python

pip install playwright && playwright install chromium

Lo que queda apagado

El auto-update hay que prenderlo a mano

Después de instalarlo, entra a /plugin > Marketplaces > diagram-design > Enable auto-update. Viene apagado, y sin ese paso te quedas con la versión del día que lo instalaste.

Le pasa a todo lo que entra por la vía de plugin, y lo explica la sección 02.

Los comandos que deja

  • /diagram-design:export-diagram
  • /diagram-design:import-drawio
  • /diagram-design:import-mermaid
  • /diagram-design:import-excalidraw
  • Más dos de mantenimiento: doctor y profile.

Understand-Anything

El único de los diez que no produce nada bonito. Este sirve para entender, y es el que usas antes de poder explicar.

El repo es Egonex-AI/Understand-Anything, y la advertencia de costo de abajo sale de su propio README.

Recorre un repositorio entero, saca cada archivo, función, clase y dependencia, y arma un grafo: un mapa de qué pieza toca a cuál. Lo guarda dentro del propio proyecto, en .ua/knowledge-graph.json, y de ahí te abre un tablero web donde el mapa está pintado por capa de arquitectura, se busca y se hace clic. Las corridas siguientes solo miran lo que cambió, así que la cara es la primera.

En corto

El mapa de un proyecto entero, hecho para leerse

Licencia
MIT
Lenguaje
TypeScript
Qué te deja
Un grafo del proyecto en .ua/knowledge-graph.json, y un tablero web donde se busca y se hace clic.
Cómo corre
La primera vez analiza todo. Después solo mira lo que cambió.
Idiomas del reporte
Seis, y de fábrica sale en inglés: inglés, chino —simplificado y tradicional—, japonés, coreano y ruso. El español no está en la lista, así que lo que te entregue va a venir en otro idioma.

1 · Agrega el marketplace, con el owner tal cual

/plugin marketplace add Egonex-AI/Understand-Anything

2 · Instálalo, sin sufijo de marketplace

/plugin install understand-anything

En un repo grande, apúntalo primero a una carpeta

/understand src/frontend

Dos formas de escribirlo mal

El owner y el sufijo que aquí no va

El owner se escribe Egonex-AI, con guion y las dos letras en mayúscula. Así, tal cual.

Y este es el único de los diez cuyo /plugin install va sin el sufijo @marketplace. No le agregues @Understand-Anything: escrito así, falla.

Lo que cuesta

La primera corrida no sale gratis en tokens

Lo dice su propio README: la primera corrida de /understand analiza el proyecto completo y puede consumir muchos tokens en repos grandes. Si el tuyo lo es, apúntalo antes a una sola carpeta —el último comando de arriba—.

Cuál de los diez cuesta tokens y cuál no, en la letra chica.

Los comandos que deja

  • /understand — el que dispara el análisis.
  • /understand-dashboard
  • /understand-chat
  • /understand-diff
  • /understand-explain
  • /understand-onboard

Son los nombres que da su README; si escribes uno y no pasa nada, prueba con el prefijo del plugin. La sección 02 explica por qué el mismo comando cambia de nombre según la vía por la que entró.

Los tres se instalan por separado y ninguno necesita a los otros dos. Si de los tres momentos solo te pasa uno, instala uno solo: la tabla de la sección 06 cruza qué vas a hacer con cuál te toca.

06 la decisión

Cuál uso para qué

Hasta aquí hay diez fichas. Aquí se elige una. Ninguna de las diez sirve para todo, y la que te toca no depende de cuál se ve mejor en su README, sino de qué tienes enfrente hoy: una página en blanco, una página que ya existe y se ve a IA, un texto, una presentación o un repositorio ajeno.

La tabla de abajo entra justo por ahí, por el trabajo. Y el prompt que va después hace lo mismo, pero preguntándote: se lo pegas a Claude Code, te hace dos preguntas y recomienda una sola. De ahí el trabajo se reparte: lo que va en la terminal lo corre él pidiéndote permiso, y los comandos de barra te los deja escritos para que los mandes tú en tu chat, porque desde un prompt no se ejecutan.

La regla que ordena todo

No instales los diez

Varias de estas le dan criterio visual o de escritura al mismo modelo. Encimadas, se contradicen entre ellas: una te empuja a más variación y otra a más sobriedad, y lo que sale es peor que con ninguna instalada.

Una por trabajo. Si quieres comparar dos del mismo arte, hazlo en serie: instala una, pruébala, desinstálala, y entonces la otra. Nunca las dos a la vez.

Entra por lo que vas a hacer

Busca en la primera columna el trabajo que tienes hoy. La segunda trae una sola respuesta: no hay segundo lugar, y es a propósito.

Una página o una app desde cero, sin referencia

Cuál instalas
UI/UX Pro Max
La vía
plugin o npm

Ya tienes la página y se ve a IA

Cuál instalas
Impeccable
La vía
npm o plugin

Quieres un look concreto, no el promedio

Cuál instalas
Taste
La vía
npx skills

Quieres el estilo de una marca que te gusta

Cuál instalas
awesome-design-md
La vía
a mano

Validar el DESIGN.md que ya tienes

Cuál instalas
design.md de Google
La vía
npm

Un texto que suena a robot

Cuál instalas
humanizer
La vía
npx skills o plugin

Escribir de cero sin caer en los tics

Cuál instalas
stop-slop
La vía
a mano

Una presentación

Cuál instalas
frontend-slides
La vía
plugin o a mano

Un diagrama o un esquema

Cuál instalas
diagram-design
La vía
plugin

Entender un repositorio ajeno

Cuál instalas
Understand-Anything
La vía
plugin

La tercera columna solo dice por dónde entra cada una: el comando exacto, carácter por carácter, está en la ficha del repo, y ahí se copia. Ocho de las diez traen el suyo. awesome-design-md no trae ninguno porque no instala nada —copias un archivo a tu proyecto— y el git clone de stop-slop lo armamos nosotros: su README lo pide en prosa.

El prompt que elige por ti

Cuál instalo — el que pregunta antes de responder

Pégalo en Claude Code. Primero te hace dos preguntas; hasta después recomienda, y solo una. Luego instala lo que se instala desde la terminal y te deja escrito lo que tienes que escribir tú.

Quiero instalar UNA sola herramienta contra el «slop» —ese acabado
genérico que delata que algo salió de una IA— y necesito que me
ayudes a elegir cuál.

Antes de proponerme nada, pregúntame esto y espera mi respuesta:

1. Qué voy a hacer exactamente: una página desde cero, arreglar un
   diseño que ya existe, un texto, una presentación, un diagrama, o
   entender un repositorio ajeno.
2. En qué herramienta trabajo: Claude Code en la terminal, la app de
   Claude, u otra cosa.

Con mi respuesta, elige UNA de estas diez y dime en una sola frase
por qué esa y no otra. No me recomiendes dos, y no me sugieras
instalar varias «por si acaso»: varias de estas le dan criterio
visual o de escritura al mismo modelo y encimadas se contradicen.

DISEÑO
- UI/UX Pro Max (nextlevelbuilder/ui-ux-pro-max-skill): criterio de
  diseño para armar algo desde cero. Vía: plugin, o instalador npm.
- Impeccable (pbakaus/impeccable): revisa una interfaz que ya existe
  y dice qué la delata. Vía: npm, o plugin.
- Taste (Leonxlnx/taste-skill): estilos con nombre, para no caer en
  el promedio. Vía: el CLI npx skills.
- awesome-design-md (VoltAgent/awesome-design-md): archivos DESIGN.md
  con el estilo de marcas conocidas. Vía: a mano, no trae instalador.
- design.md (google-labs-code/design.md): valida un DESIGN.md que ya
  tienes. Vía: npm.

ESCRITURA
- humanizer (blader/humanizer): reescribe un texto que suena a
  robot. Vía: el CLI npx skills, o plugin.
- stop-slop (hardikpandya/stop-slop): reglas para escribir de cero
  sin los tics de siempre. Vía: a mano, no trae instalador.

EXPLICAR E INVESTIGAR
- frontend-slides (zarazhangrui/frontend-slides): presentaciones en
  HTML. Vía: plugin, o a mano.
- diagram-design (cathrynlavery/diagram-design): diagramas y
  esquemas. Vía: plugin.
- Understand-Anything (Egonex-AI/Understand-Anything): entender un
  repositorio ajeno completo. Vía: plugin.

Cómo nos repartimos el trabajo para instalarla:

- Lo que va en la terminal (npx, npm, git clone) puedes correrlo tú.
  Enséñame antes qué vas a correr y pídeme permiso en cada comando.
- Los comandos que empiezan con / los tengo que escribir yo en mi
  chat. Un comando de barra no se ejecuta desde un prompt, así que
  no intentes correrlo: déjamelo escrito en su propia línea, listo
  para copiar, y dime en qué orden lo mando.
- Si la vía es «a mano», dime qué archivo copio y en qué carpeta va.
- No inventes ni ajustes comandos. Toma el comando exacto del README
  del repo que me recomiendes; si no encuentras uno, dímelo en vez
  de improvisar.

Cuando terminemos de instalar:

- Si la herramienta carga dentro de Claude Code, recuérdame
  reiniciarlo para que la vea.
- Dime el nombre exacto con el que se invoca, según la vía que
  usamos. No siempre se llama igual que el repo, y dos de estas
  no se invocan con un comando: una se corre en la terminal y la
  otra es un archivo que Claude lee.

Por dónde empezar

La que más te duela hoy, no la lista

El orden sensato no es el de esta página, es el de tu semana. Empieza por el arte que más te está doliendo: si lo que entregas se ve bien pero suena a robot, las dos de escritura te cambian el lunes y las cinco de diseño no te cambian nada. Si es al revés, al revés.

Una instalada y usada un mes vale más que las diez instaladas y ninguna incorporada. Cuando esa primera ya sea costumbre —cuando la invoques sin pensarlo— vuelves por la siguiente. La tabla se queda aquí.

07 lo honesto

La letra chica

Los comandos de los ocho repos que traen instalador se copiaron de su README el 13 de septiembre de 2026. Los otros dos no traen ninguno: awesome-design-md no se instala —se copia un archivo dentro de tu proyecto— y el git clone que aparece en la ficha de stop-slop lo escribimos nosotros, no su autor. Un README puede cambiar sin avisarle a nadie, así que si un comando te falla, el que manda es el del repo y no el de aquí.

Lo que sigue es lo que no cabe en un reel: los tres que no son lo que su nombre dice, la licencia que traen, lo único que puede salirte caro, lo que tienes que tener instalado antes y el que lleva medio año sin moverse.

Tres que no son lo que su nombre sugiere

No es maldad de nadie: son nombres cortos que en inglés dicen una cosa y en la lista de esta página se leen como otra. Los tres se instalan sin dar error, y ahí está el problema.

No es una skill

El design.md de Google

Qué sugiere el nombre
Que lo instalas, Claude lo carga solo y a partir de ahí diseña distinto.
Qué es en realidad
Un formato de archivo más un CLI de npm — un programa que corres tú en la terminal. Ni skill ni plugin: nada se carga solo.
Si te confundes
Lo instalas, no pasa nada y crees que está roto. No está roto: no hay nada que se active por su cuenta.

No es sobre frontend

frontend-slides

Qué sugiere el nombre
Una presentación sobre desarrollo web, o un curso de frontend en diapositivas.
Qué es en realidad
Un plugin que arma presentaciones. «Frontend» es la técnica con la que las hace —HTML, lo mismo con lo que está hecha una página— no el tema del que hablan.
Para qué te sirve
Para cualquier tema. La presentación puede ser de tu negocio, de una clase o de lo que se te ocurra.

No es de diseño

stop-slop

Qué sugiere el nombre
Que va contra el slop visual: el degradado morado, la tipografía de siempre, los íconos de stock.
Qué es en realidad
Reglas de prosa. Toca cómo se escribe, no cómo se ve. Un texto que pasa por ahí sigue pudiendo verse igual de genérico.
Dónde está en esta página
En §04, con escritura, no en §03. Le da el nombre a esta página y aun así no es de la parte de diseño.

Las licencias, en una vuelta

Los diez traen archivo de licencia — ninguno está colgado sin permiso de uso. Ocho son MIT; Impeccable y el design.md de Google son Apache-2.0. La diferencia entre las dos cabe en tres renglones:

  • MIT: haces lo que quieras, incluido cobrarle a un cliente por el trabajo donde la usaste. Lo único que pide es que conserves el aviso de autoría si repartes el código.
  • Apache-2.0: lo mismo, más una licencia expresa de patentes de quien la escribió. A cambio te pide que, si repartes una versión modificada, dejes dicho qué cambiaste.
  • En términos prácticos, para los diez: los puedes usar en trabajo de cliente sin pedirle permiso a nadie.

Eso es lo que dicen los archivos de licencia, no consejo legal. Si el contrato con tu cliente tiene cláusulas sobre código de terceros, eso lo revisa un abogado y no una página web.

Lo que cuesta

Las diez herramientas son gratis y ninguna pide tarjeta ni llave de API. Lo que sí se gasta son tokens, que es lo que consume cualquier conversación con el modelo. Ahí hay una sola excepción cara, y conviene saberla antes y no a medio mes.

La cara

La primera corrida de /understand

Understand-Anything arranca con /understand, y esa primera corrida analiza el repositorio completo para armar su mapa. En un proyecto grande eso consume muchos tokens: su propio README lo advierte y recomienda usarlo con un plan de suscripción.

Se mitiga apuntándolo a una carpeta y no al proyecto entero. Empiezas por la parte que de verdad quieres entender y no pagas por el resto.

Todo lo demás gasta lo normal de una conversación: si pedirle un texto a Claude no te preocupa, esto tampoco. Ninguna cobra aparte: lo que pagas es el plan que ya estabas pagando.

Lo que tienes que tener instalado antes

Siete de los diez piden algo más en tu máquina. Casi nunca te lo avisa el instalador: se nota a media corrida, cuando falla justo el paso que querías.

  • UI/UX Pro Max pide Python 3, para el script que consulta su corpus. Si no lo tienes, se instala una vez y ya no vuelves a pensar en eso.
  • Impeccable pide Node, pero solo si lo instalas con el instalador de npx; por la vía de plugin no hace falta.
  • Taste pide Node, porque su instalación va con npx skills add.
  • El design.md de Google pide Node: es un CLI de npm, un programa que corres tú.
  • frontend-slides pide Node para exportar a PDF; playwright se instala solo cuando hace falta.
  • Para exportar a PNG, diagram-design pide Python: pip install playwright && playwright install chromium, o sea un navegador sin ventana que le toma la foto al diagrama.
  • La vía de plugin de humanizer pide Claude Code 2.1.142 o más nuevo.

Cuatro de los siete piden Node, que es el mismo que ya tienes si alguna vez corriste un npx. Y dos son requisitos de exportar, no de instalar: si no piensas sacar el PNG del diagrama ni el PDF de la presentación, la herramienta te sirve igual sin ellos.

Mantenimiento

Nueve se mueven; uno no

Al 13 de septiembre de 2026, nueve de los diez repos tuvieron cambios en los últimos meses. El décimo es stop-slop, que no se toca desde marzo de 2026 y es el más viejo de la lista.

No está roto, y por una razón concreta: es texto —reglas escritas— y no código que se rompa cuando Claude Code se actualiza. Pero si lo que buscas es algo con mantenimiento activo detrás, ese es el dato y prefiero que lo tengas.

Qué no hace esta página

Esto es el índice, no el manual

Esta página no te enseña a usar ninguno de los diez a fondo. Te dice qué es cada uno, para qué te sirve y —en los ocho que traen instalador— el comando exacto; awesome-design-md se copia a mano y stop-slop se clona. De ahí en adelante, el que enseña a usarlo es el README. Seis de los diez ya tienen guía propia en la bóveda, y el enlace está en su ficha, más arriba.

Y la última, que es la que de verdad importa: ninguna de las diez te da criterio. Te dan un piso más alto —menos degradado morado, menos guion largo, menos párrafos que no dicen nada—. La decisión de si algo está bien sigue siendo tuya.

Guía de la comunidad

Esta guía es parte de la bóveda de la comunidad de tododeia.

La idea en una línea

El slop no se arregla con una herramienta mágica: se arregla dándole criterio al modelo, y estos diez son criterio empaquetado y gratis.

Si esto te sirvió, sigue por aquí

Los diez repositorios, con su enlace

Ninguno de los diez es de la comunidad: son de terceros y se enlazan porque la guía los usa. Todos traen archivo de licencia — ocho MIT y dos Apache-2.0 —, así que los puedes usar en trabajo de cliente. Aquí están juntos por si lo único que viniste a buscar era el enlace.

Las guías salen primero en Instagram

Ahí se publica lo que después se convierte en estas páginas, y ahí se avisa cuando una se actualiza.

@soyenriquerocha

Si un comando falla, manda el README

Ocho de los diez traen instalador, y ese comando se copió del README de su repositorio el 13 de septiembre de 2026, carácter por carácter. Los otros dos no salieron de ningún README: awesome-design-md no instala nada —se lee y se copia un archivo— y stop-slop no publica comando, así que el git clone de su ficha lo escribimos nosotros y así va rotulado. Un README cambia cuando su autor quiere: si uno de esos ocho no responde, abre el repositorio con los enlaces de arriba y lee el suyo. Ese gana, siempre. Y si el que cambió resulta ser el nombre del plugin o del marketplace, la trampa de los dos nombres está explicada en §02.