por Juanjo LunaEvitar interfaces genéricas
Te ayuda a diseñar o revisar pantallas para que no se vean genéricas o poco cuidadas. Te sirve cuando quieres basarte en ejemplos reales y cerrar una interfaz con criterios exigentes.
Descripción original (inglés)
anti-ui-slop: Stop coding agents from shipping generic UI. Use UIZZE''s 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use when designing, implementing, redesigning, critiquing, or pre-ship reviewing a web or iOS interface in Codex, Claude Code, Cursor, Copilot, or another coding agent. Trigger with "anti-ui-slop", "stop UI slop", "ground this UI in real screens", or "run the UI finish gate".
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta anti-ui-slop en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/github/awesome-copilot.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/anti-ui-slop" ~/.claude/skills/anti-ui-slop
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de github/awesome-copilot
- Conocer un repositorio de código acquire-codebase-knowledge
- Evaluar preparación de repositorios para AgentRC acreadiness-assess
- Generar instrucciones para agentes IA acreadiness-generate-instructions
- Definir políticas de AgentRC acreadiness-policy
- Analizar rendimiento de campañas publicitarias ad-campaign-analyzer
- Añadir comentarios educativos a un archivo add-educational-comments
- Automatizar Adobe Illustrator con scripts adobe-illustrator-scripting
- Diseñar arquitectura de agentes IA agent-architecture
Explicación redactada con ayuda de IA a partir de la descripción original.