사용 가이드로 건너뛰기
Anti UI Slop작성자 UIZZE

Anti UI Slop 스킬.

시각적 처리를 고르기 전에 제품의 실제 대상과 제약 조건부터 살펴보세요.

  • UI 디자인
  • 디자인 검토
소스 검토 · Anti UI SlopSKILL.md
작업 UI 디자인 산출물 • 제품에 근거한 인터페이스 수정안 또는 집중 비평 • 기존 토큰, 컴포넌트, 사용자 작업에 연결된 디자인 결정 • 관찰 가능한 문제와 해결된 변경 사항을 짚은 간결한 인계 문서 시작하기 전에 프로젝트 파일을 읽을 수 있는 에이전트와 시각 확인을 위한 렌더링 지원이 필요합니다. 유료 UIZZE MCP는 선택 사항입니다.
편집 요약 · 소스 검토일 2026-10-07 · 생성된 예시 아님

01 기능 소개

인터페이스 결정을 제품에 근거해 내리기

작업별 가이드 하나를 선택하고, 필요하면 UIZZE 참고 자료를 활용하며, 렌더링된 인터페이스를 확인하는 제품 우선 UI 워크플로입니다.

소스 기반 워크플로실행 벤치마크가 아님

작업 방식

Anti UI Slop는 일반적인 AI 미학으로 제품의 정체성을 대체하지 않으면서 인터페이스를 만들고, 다듬고, 검토하기 위한 간결한 워크플로입니다. 에이전트가 먼저 브리프, 기존 화면, 컴포넌트, 디자인 토큰을 살펴보도록 요구합니다. 이러한 제약은 스킬 자체의 예시보다 우선하므로, 이미 자리 잡은 애플리케이션 안에서 작업할 때 특히 적합합니다.

소스는 각 요청을 신규 작업, 제품 운영, 다듬기, 단순화, 감사, 네이티브 iOS 중 하나의 플레이북으로 연결합니다. 모든 체크리스트를 합치도록 요구하지 않습니다. 선택 사항인 UIZZE 참고 도구는 해결되지 않은 특정 시각적 질문에 답할 수 있지만, 무료 스킬과 공개 카탈로그에는 계정이 필요하지 않습니다. 최종 기준은 잘림, 겹침, 아무 동작도 하지 않는 컨트롤처럼 관찰 가능한 인터페이스 동작입니다.

예상 산출물

  • 제품에 근거한 인터페이스 수정안 또는 집중 비평
  • 기존 토큰, 컴포넌트, 사용자 작업에 연결된 디자인 결정
  • 관찰 가능한 문제와 해결된 변경 사항을 짚은 간결한 인계 문서
예시 브리프 보기

브리프에서 검토까지

  1. 01
    제품 맥락 파악

    요청된 화면과 주변 디자인 시스템을 살펴보세요. 레이아웃이나 스타일을 바꾸기 전에 사용자가 무엇을 이루려는지 파악합니다.

  2. 02
    작업 모드 하나 선택

    요청에 맞는 플레이북을 선택하세요. 다듬기 작업이 조용히 리디자인으로 번져서는 안 되며, 구현 요청이 없다면 감사는 비평으로 남아야 합니다.

  3. 03
    렌더링 결과 확인

    환경이 허용하면 실제 인터페이스를 한 번 확인하고, 눈에 보이는 깨짐, 접근할 수 없는 컨트롤, 동작하지 않는 상호작용을 고치세요.

02 활용 상황

사용 시점

프로젝트 파일을 읽을 수 있는 에이전트와 시각 확인을 위한 렌더링 지원이 필요합니다. 유료 UIZZE MCP는 선택 사항입니다.

잘 맞는 경우

  • 기존 제품 화면경쟁하는 디자인 시스템을 새로 만들지 않고 에이전트가 대시보드나 워크플로를 확장해야 할 때 유용합니다.
  • 집중적인 개선기존 기능을 유지하면서 특정 화면을 단순화하거나 다듬어 달라는 요청에 적합합니다.

확인할 한계

  • 참고 자료는 선택 사항유료 UIZZE MCP는 별도의 연결입니다. 이 스킬을 설치해도 호스팅된 참고 도구에 대한 접근 권한이 생기지는 않습니다.
  • 자동 디자인 판정 없음소스는 작업 방식을 설명할 뿐, 생성된 모든 인터페이스가 독창적이거나 접근 가능하다고 보장하지 않습니다.
  • 라이선스 고지가 서로 다름SKILL.md는 MIT을 선언하지만, 스킬 디렉터리의 LICENSE에는 Apache-2.0 약관이 들어 있습니다. 재사용 전에 적용되는 약관을 관리자에게 확인하세요.

준비할 입력

  • 구체적인 화면만들거나 검토할 인터페이스의 파일 경로, 스크린샷 또는 짧은 설명을 제공하세요.
  • 기존 디자인 언어컴포넌트 규칙, 토큰, 승인된 제품 UI 예시를 포함하세요.
  • 변경 범위에이전트가 작업을 확장하지 않도록 신규 제작, 리디자인, 다듬기, 단순화, 감사 중 하나를 선택하세요.

03 핵심 결정

핵심 결정

  1. 새로움보다 제품

    워크플로에 도움이 되는 익숙한 관례는 유지합니다. 차별성은 장식이 아니라 제품에 맞는 위계로 확보합니다.

  2. 한 번에 하나의 플레이북

    명시적인 라우팅은 지시가 충돌하는 것을 줄이고, 작은 개선 작업에 관련 없는 리디자인 요구가 쌓이는 것을 막습니다.

04 예시 브리프

집중 브리프 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

선택한 플레이북을 사용할 수 있도록 스킬 폴더 전체를 사용하세요. 무료 워크플로에는 의존성이나 실행 파일이 필요하지 않습니다.

업스트림 소스 파일
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/anti-ui-slop/SKILL.md

프로젝트 파일을 읽을 수 있는 에이전트와 시각 확인을 위한 렌더링 지원이 필요합니다. 유료 UIZZE MCP는 선택 사항입니다.

산출물 하나로 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
anti-ui-slop를 사용해 청구서 목록 화면을 다듬어 주세요. 먼저 기존 테이블, 필터, 버튼 컴포넌트를 읽으세요. 정보 구조와 결제 워크플로는 유지하세요. 다듬기 플레이북만 사용하고, 가장 중요한 위계 문제를 찾아 절제된 방식으로 수정한 뒤, 잘림, 키보드 컨트롤, 빈 상태 동작을 확인하세요. 유료 참고 서비스는 연결하지 마세요.

결과 확인

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 기존 컴포넌트와 토큰 규칙이 알아볼 수 있게 유지됩니다.
  • 선택한 플레이북이 요청된 범위와 일치합니다.
  • 검토한 경로의 렌더링된 화면에서 잘림, 겹침, 동작하지 않는 컨트롤이 관찰되지 않습니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 포함되어 있다거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
UIZZE
라이선스
SKILL.md는 MIT을 선언하지만, 링크된 스킬 디렉터리의 LICENSE에는 Apache-2.0 약관이 들어 있습니다. 재사용 전에 적용되는 약관을 확인하세요.
검토한 스냅샷
2026-10-07 · 3a685010a7af
편집 소스 요약
작업별 가이드 하나를 선택하고, 필요하면 UIZZE 참고 자료를 활용하며, 렌더링된 인터페이스를 확인하는 제품 우선 UI 워크플로입니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

UIZZE 구독이 필요한가요?

무료 스킬과 공개 카탈로그에는 필요하지 않습니다. 소스는 유료 MCP 참고 자료를 선택 사항으로 설명하며, 접근 권한이 있다고 말하려면 실제 연결 결과가 필요하다고 요구합니다.

하나의 시각적 스타일을 강제하나요?

아니요. 스킬 안의 예시보다 제품 브리프와 기존 디자인 언어가 우선합니다.

감사 용도로만 사용할 수 있나요?

네. 명시적인 감사에는 별도의 플레이북이 있으며, 검토 요청이 인터페이스 변경을 허락하는 것은 아닙니다.

OpenDesign

다음 디자인 반복을 위한 여유를 만드세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/anti-ui-slop/SKILL.md