Communitygithub.com

uizze/uizze

코딩 에이전트가 범용 UI를 생성하는 것을 방지합니다. UIZZE의 800,000개 이상의 실제 웹 및 iOS 화면을 활용하여 제품별 인터페이스를 구축하고, 디자인 계약을 정의하며, 필요한 상태를 포함하고, 엄격한 완료 게이트를 실행합니다. Codex, Claude Code, Cursor, Copilot 또는 기타 코딩 에이전트에서 웹 또는 iOS 인터페이스를 설계, 구현, 재설계, 비평 또는 출시 전 검토할 때 사용하세요. "anti-ui-slop", "stop UI slop", "ground this UI in real screens", 또는 "run the UI finish gate"로 트리거하세요.

uizze란 무엇인가요?

이 스킬은 AI 코딩 에이전트가 제품 특화 UI를 구축하도록 유도하여 범용적이고 밋밋한(UI slop) 인터페이스를 방지하는 것을 목표로 합니다. 핵심은 [UIZZE](https://uizze.com)가 제공하는 800,000개 이상의 실제 웹 및 iOS 화면 레퍼런스를 활용한다는 점입니다. Codex, Claude Code, Cursor, Copilot 등 다양한 에이전트 플랫폼에서 작동하며, 제품 브리프, 기존 UI, 컴포넌트, 디자인 토큰 및 로컬 디자인 시스템을 사용하여 의도적인 인터페이스를 만들도록 안내합니다. 이 스킬은 설계부터 구현, 감사, 완료 검증까지의 전체 워크플로우를 제공하며, 선택적으로 Uizze MCP를 통해 유료 레퍼런스 검색 기능을 사용할 수 있습니다. 또한 'anti-ui-slop', 'stop UI slop' 등의 키워드로 트리거하여, 에이전트가 무분별하게 UI를 생성하지 않도록 제어합니다.

지원 대상✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/uizze/uizze/tree/HEAD/integrations/nextjs-starter/.agents/skills/anti-ui-slop

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

미리보기

스킬 README에서

UIZZE로 UI Slop 만들기 중단

문서

AI 코딩 에이전트가 범용 UI를 생성하는 것을 중단하세요.

UI Slop 만들기 중단

UIZZE를 통해 800,000개 이상의 실제 웹 및 iOS 화면으로 제품별 UI를 구축하세요.

UIZZE로 UI Slop 만들기 중단

개요

제품 브리프, 기존 UI, 컴포넌트 및 로컬 디자인 시스템을 사용하여 의도적인 인터페이스를 만듭니다. Uizze는 집중된 디자인 가이던스와 필요한 경우 소량의 관련 시각적 레퍼런스를 제공합니다.

전제 조건

  • 구축, 재설계 또는 검토할 화면이나 컴포넌트 – 파일 경로 또는 간단한 설명.
  • 기존 제품의 컴포넌트, 디자인 토큰 및 시각적 언어 – 새로운 시스템을 발명하는 대신 이를 확장하도록 합니다.
  • (선택 사항) 집중된 레퍼런스 및 호스팅 자료를 위한 유료 Uizze MCP 접근.

인증

  • 무료 스킬 및 공개 카탈로그는 계정, 토큰, MCP 연결, 종속성, 스크립트 또는 실행 파일 없이 작동합니다.
  • 선택적 전체 UIZZE MCP는 호스트의 일반 연결 및 인증 흐름을 사용할 수 있습니다. 실제 호스트 결과 없이 연결되었다고 주장하지 마십시오.

제품에서 작업 시작

설계 전에 브리프, 기존 UI, 컴포넌트, 토큰, 에셋 및 모든 PRODUCT.md 또는 DESIGN.md를 읽으십시오. 사용자의 요청과 프로젝트 제약 조건이 이 스킬보다 우선합니다. 확장 및 다듬기를 위해 기존 시각적 시스템을 유지하십시오. 승인된 재설계의 경우에만 교체하십시오. 새 프로젝트는 해당 파일이 필요하지 않습니다.

대상 사용자, 주요 작업, 중요한 상태 및 의도된 결과를 식별하십시오. 작업에 실질적인 영향을 미칠 누락된 선택 사항에 대해서만 질문하십시오. 정확한 요청만으로도 진행할 수 있습니다. 작은 수정을 발견 워크숍으로 만들지 마십시오.

워크플로우 선택

요청된 작업에 대한 플레이북과 실행에 필요한 플랫폼 및 제작 가이던스를 로드하십시오:

  • 새 인터페이스 또는 주요 재설계: new-work
  • 제품 또는 대시보드 작업: operate
  • 개선 및 다듬기: polish
  • 단순화: distill
  • 명시적 감사: audit – 수정 요청이 없는 경우 읽기 전용
  • 네이티브 iOS: iOS – 작업 플레이북과 함께 사용
  • 명시적 /overdrive, "Uizze Overdrive" 또는 탁월한 상호작용 작업 요청: Overdrive

구현 시 방향이 결정된 후 craft를 사용하십시오. 관련 파일만 로드하십시오. 여러 개의 상호 보완적인 플레이북을 사용할 수 있습니다. Overdrive는 일반 UI 작업의 기본값이 아닌 옵트인 방식입니다. 구현 전에 선택된 방향이 필요합니다.

"이 화면에 Uizze Overdrive 사용"은 이 라우터를 통해 작동하며, 네이티브 슬래시 명령은 호스트에 따라 다릅니다. 이들은 설치 프로그램, 백그라운드 서비스 또는 실행 엔진이 아닌 독립적인 Markdown 플레이북입니다.

선택적 Uizze 증거

find_ui_references 또는 find_ui_materials를 사용하기 전에 레퍼런스 정책을 읽으십시오. 레이아웃, 상태, 상호작용 또는 에셋에 도움이 될 수 있는 관련 시각적 증거를 검사하십시오. 호스트의 사용 가능한 도구를 사용하고, 발명된 호출이나 연결을 사용하지 마십시오. 유료 검색은 선택 사항입니다. 접근 권한이 없어도 로컬 디자인 작업을 막지 않습니다.

정확한 레퍼런스, 관련 예시, 일치 항목 없음, 서비스 오류를 구분하십시오. 결과에 영향을 미친 제한 사항을 간략히 공개하십시오. 증거 없이 이미지를 검사했거나 상태를 찾았다고 주장하지 마십시오.

완료

요청된 범위를 구축하고 중요한 상태를 실행하십시오. 대표적인 데스크탑/모바일 크기 또는 네이티브 디바이스 클래스(사용자가 보고한 실패 크기 포함)에서 실제 결과를 렌더링하고 검사하십시오. 런타임 오류가 없는 것뿐만 아니라 선택된 방향이나 제공된 레퍼런스와 비교하십시오.

중대한 문제를 한 번에 수정한 후 다시 렌더링하고 검사하십시오. 요청된 결과가 확인될 때까지 중단하지 말고, 계속해서 작업을 발명하지 마십시오. 제한된 시도 내에서 문제를 해결할 수 없으면 통과를 주장하는 대신 보고하십시오. 렌더링이 불가능한 경우 코드 점검과 시각적 확인을 구분하십시오.

핸드오프를 간결하게 유지하십시오: 변경된 사항, 실제로 테스트된 내용, 남아 있는 제한 사항. 스킬은 게시, 구매, 새 종속성 추가, 계정 변경 또는 파괴적 작업을 승인하지 않습니다.

관련 스킬