К основному содержанию
скилл GitHub Copilot официальный · GitHub

anti-ui-slop — скилл для GitHub Copilot: UI и установка

Скилл помогает агенту собирать интерфейсы под конкретный продукт, а не шаблонный UI. Пригодится для разработки, редизайна и проверки web- или iOS-экранов.

Установить в GitHub Copilot · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add github/awesome-copilot --skill anti-ui-slop
Открыть на GitHub

Что делает anti-ui-slop

anti-ui-slop заставляет агента сначала изучить бриф, существующий UI, компоненты, токены и ограничения проекта. Затем он выбирает один сценарий работы: новый интерфейс, продукт или дашборд, полировка, упрощение, аудит либо native iOS. Для визуальных вопросов можно подключить платный UIZZE MCP с поиском референсов и материалов из каталога 800,000+ web- и iOS-экранов.

Скилл проверяет обязательные состояния интерфейса и проводит финальный проход по видимым проблемам: обрезанному контенту, перекрытиям, искажённым медиа, недоступным контролам и неработающим взаимодействиям. Бесплатная версия работает без аккаунта, токена, MCP-подключения, зависимостей, скриптов и исполняемых файлов. Нужен экран или компонент для работы, а также доступ к текущим компонентам и дизайн-токенам проекта.

Ставьте его, если агент часто выдаёт типовые интерфейсы и вам нужна проверка перед выпуском. Для проекта без существующего UI и продуктовых ограничений сначала подготовьте краткий бриф.

Какие задачи решает

  • собрать интерфейс под конкретный продукт
  • проверить web-экран перед выпуском
  • покрыть обязательные состояния компонента
  • найти перекрытия и обрезанный контент
  • провести аудит native iOS-интерфейса

Примеры запросов агенту

  • Сделай экран настроек по брифу и текущим компонентам проекта, затем запусти anti-ui-slop.
  • stop UI slop: проверь этот web-экран и исправь перекрытия и недоступные контролы.
  • run the UI finish gate для текущего iOS-экрана.

Как установить anti-ui-slop

1Через Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill anti-ui-slop

2GitHub CLI

gh skill install github/awesome-copilot anti-ui-slop

3Вручную: положить файлы

.github/skills/anti-ui-slop/SKILL.md

Из того же набора554

Весь набор →
git-commit официальный github Скилл разбирает изменения Git, выбирает связанные файлы и создаёт коммит в формате Conventional Commits. Пригодится, когда нужно закоммитить одну или несколько логических частей изменений. GitHub Copilot 47 165установок excalidraw-diagram-generator официальный github Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок multi-stage-dockerfile официальный github Скилл помогает создавать многоэтапные Dockerfile для разных языков и фреймворков. Пригодится, когда важны размер и состав runtime-образа. GitHub Copilot 29 688установок documentation-writer официальный github Скилл для создания технической документации по фреймворку Diátaxis: туториалы, гайды, справки и объяснения. Предлагает структуру перед написанием. GitHub Copilot 27 757установок prd официальный github Собирает из идеи структурированный PRD с пользовательскими историями, техническими требованиями и рисками. Подходит для планирования новых функций, в том числе с AI. GitHub Copilot 24 035установок refactor официальный github Скилл помогает менять структуру кода без изменения внешнего поведения. Подойдёт для постепенной уборки сложных функций, дублирования и кодовых запахов. GitHub Copilot 22 321установок java-springboot официальный github Задаёт практики разработки Spring Boot-приложений: от структуры проекта до тестов и безопасности. Пригодится, когда Copilot пишет или проверяет Java-код. GitHub Copilot 21 272установок create-readme официальный github Скилл изучает проект и создаёт структурированный README.md. Подойдёт, когда документацию нужно собрать по коду и файлам проекта. GitHub Copilot 19 081установок

Похожие

visual-edit-precision Adit Jain Скилл для целевых изменений UI, когда вы показываете элементы на скриншоте или указываете их прямо в коде. Меняет только то, что вы выделили, без рефакторинга всего компонента. Claude Code CX Codex Cursor 2 800установок sign-in-with-google-web официальный google Помогает настроить вход через Google Identity Services на вебе. Защищает токены и закрывает уязвимости авторизации по стандартам IETF. Claude Code Gemini CLI CX Codex 743установок swiftui-ui-patterns официальный OpenAI Скилл помогает собирать и рефакторить SwiftUI-интерфейсы: навигацию, состояние, компоновку и контролы. Подойдёт для новых экранов и правок существующего проекта. CX Codex GP ChatGPT 114установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. Claude Code CX Codex Cursor +1 1 200 000установок

Вопросы о anti-ui-slop

Как установить anti-ui-slop в GitHub Copilot?

Выполните npx skills add github/awesome-copilot --skill anti-ui-slop или gh skill install github/awesome-copilot anti-ui-slop. Файл скилла появится по пути .github/skills/anti-ui-slop/SKILL.md.

Что делает anti-ui-slop?

Скилл помогает агенту проектировать интерфейс на основе брифа, существующих компонентов и дизайн-токенов. Он также проверяет состояния и видимые ошибки перед завершением работы.

Нужен ли UIZZE MCP для работы скилла?

Нет. Бесплатная версия работает без MCP, аккаунта, токена и зависимостей. Платный UIZZE MCP нужен для дополнительных визуальных референсов и материалов.

Исходный текст

SKILL.md · MIT
---
name: anti-ui-slop
description: '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".'
license: MIT
metadata:
  version: "1.2.13"
  author: "UIZZE <[email protected]>"
  compatibility: "Designed for Claude Code, Codex, Cursor, and GitHub Copilot; works in any agent that can read project files and fetch a URL."
  tags: "ui-design, design-system, design-review, frontend, web-ui, ios-ui"
---

> **Stop AI coding agents from shipping generic UI.**

# Stop Making UI Slop

Build product-specific UI with 800,000+ real web and iOS screens via [UIZZE](https://uizze.com).

![Stop Making UI Slop with UIZZE](https://uizze.com/landing/anti-ui-slop-skill-banner.png)

## Overview

Use the product brief, existing UI, components, and local design system to make intentional interfaces. Uizze supplies focused design guidance and, when useful, a small number of relevant visual references.

## Prerequisites

- A screen or component to build, redesign, or review — a file path or a short description.
- The product's existing components, design tokens, and visual language, so the build extends them instead of inventing a new system.
- Optional access to the paid Uizze MCP for focused references and hosted materials.

## Authentication

- The free skill and public catalogue work without an account, token, MCP connection, dependency, script, or executable.
- The optional full UIZZE MCP may use the host's normal connection and authentication flow. Never claim it is connected without an actual host result.

## Work from the product

Read the brief, existing UI, components, tokens, and constraints before designing. They always outrank this skill. Keep familiar interaction conventions and make the product's own objects, workflow, and priorities visually clear. Do not add novelty for its own sake.

## Load one playbook

Choose at most one file for the current request:

- New interface or major redesign: `reference/new-work.md`
- Product or dashboard work: `reference/operate.md`
- Refinement and polish: `reference/polish.md`
- Simplification or distillation: `reference/distill.md`
- Explicit audit: `reference/audit.md`
- Native iOS work: `reference/ios.md`

Do not load a second playbook. Apply judgment rather than treating its examples as a checklist.

## Optional Uizze evidence

Read `references/uizze-reference-policy.md` before using the paid MCP. It exposes exactly `find_ui_references` and `find_ui_materials`. Use them only when a concrete unresolved visual or material question would benefit from evidence. If they return nothing, continue silently.

## Finish

Complete the requested scope. When the environment supports it, render and inspect once. Fix observable breakage such as clipping, overlap, distorted media, inaccessible controls, or inert interactions. Keep the handoff concise.

© UIZZE · MIT · github/awesome-copilot

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой