Agent skill

Omd Slop Audit

by kwakseongjae in kwakseongjae/oh-my-design

실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다.

MITAuto-check passedFrontend & Design

Install Omd Slop Audit

skills CLI
$ npx skills add kwakseongjae/oh-my-design --skill omd-slop-audit -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install kwakseongjae/oh-my-design omd-slop-audit --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/kwakseongjae/oh-my-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/omd-slop-audit .claude/skills/omd-slop-audit && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
omd-slop-audit
GitHub stars
533
Token cost
~1.1k tokens
SKILL.md length
561 words
Files
4 (incl. references)
Skills in repo
18
Repo updated
First seen
Licence
MIT

At a glance

실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다.

  • Works in 3 steps: Slop cluster → General quality → Preference
  • Tasks that involve UI design
  • SKILL.md covers 모드, 시작 전에 읽을 것, 세 가지 판정 축 and 열 가지 review lens, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Omd Slop Audit is an agent skill from kwakseongjae/oh-my-design. 실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다. 'AI slop 잡아줘', '템플릿 같아', '왜 AI가 만든 화면 같지?', 'anti-slop audit' 요청에 사용한다. 접근성 오류와 취향 차이를 별도 등급으로 구분한다.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `agents/openai.yaml`, `references/pattern-catalog.md` and `references/sources.md`).

It sits in Frontend & Design, covering UI design, Humanizing AI text and Design tokens. The repository describes itself as: Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free… The licence is MIT.

When your agent uses it

  • Tasks that involve UI design
  • Tasks that involve Humanizing AI text
  • Tasks that involve Design tokens

Example prompts

  • “AI slop 잡아줘”
  • “왜 AI가 만든 화면 같지?”
  • “anti-slop audit”
  • “/omd-slop-audit”

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Slop cluster
  2. General quality
  3. Preference

What it can do on your machine

Read from SKILL.md and the folder at commit c0ec438. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Omd Slop Audit loads about 1.1k tokens when it runs, and up to ~3.8k if it reads all its reference files. Until then it costs about 60 tokens; SKILL.md has 561 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~60
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from kwakseongjae/oh-my-design at commit c0ec438, republished under its MIT licence (© kwakseongjae). 561 words, ~1,051 tokens.

Download SKILL.mdSave it as .claude/skills/omd-slop-audit/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
omd-slop-audit
description
실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다. 'AI slop 잡아줘', '템플릿 같아', '왜 AI가 만든 화면 같지?', 'anti-slop audit' 요청에 사용한다. 접근성 오류와 취향 차이를 별도 등급으로 구분한다.

omd:slop-audit

OmD에서 AI slop은 “AI가 만든 화면”이라는 출처 판정이 아니다. 제품의 목적·콘텐츠·브랜드 근거 대신, 생성 도구가 자주 꺼내는 구조와 문구가 반복되어 서로 다른 제품이 같은 화면처럼 수렴한 상태를 뜻한다.

보라색, 카드, 둥근 모서리, 그라데이션은 죄가 없다. DESIGN.md와 콘텐츠가 요구하면 그대로 둔다. 문제는 이유 없이 여러 기본 패턴이 한 화면에 겹치고, 그 결과 위계·신뢰·사용성이 약해질 때다.

모드

  • AUDIT — 코드와 실제 route를 읽고 근거가 있는 finding만 작성
  • APPLY — 사용자가 수정까지 요청한 경우 omd:apply 계약으로 BLOCK/WARN을 고친 뒤 같은 route에서 재검증
  • COMPARE — 같은 콘텐츠의 before/after specimen과 rule 설명을 만든다. 제품 기능을 새로 꾸미지 않는다.

시작 전에 읽을 것

  1. 프로젝트 DESIGN.md 전체와 .omd/preferences.md
  2. 실제 사용자 journey와 대상 route
  3. references/pattern-catalog.md
  4. 출처·라이선스 경계가 필요하면 references/sources.md

판정 우선순위는 사용자 의도 > DESIGN.md > 실제 제품 정보 구조 > 접근성·플랫폼 요구 > slop taxonomy다.

세 가지 판정 축

1. Slop cluster

제품 맥락 없는 기본 패턴이 같은 화면에서 둘 이상 겹치고, 정보 위계나 브랜드 구별성을 약하게 만든다. SLOP 배지를 쓴다.

2. General quality

대비, overflow, focus, heading 순서, target size, 성능처럼 출처와 무관한 결함이다. QUALITY로 분리한다. 접근성 오류를 “AI 느낌”이라고 부르지 않는다.

3. Preference

브랜드 또는 사용자가 합리적으로 선택할 수 있는 미감 차이다. FYI만 허용한다. 취향을 결함으로 승격하지 않는다.

열 가지 review lens

감사 범위가 일부 유행 요소에만 갇히지 않도록 다음 순서로 훑는다.

  1. Hierarchy — 첫 시선과 핵심 행동이 제품 우선순위와 일치하는가
  2. Containers — 각 card·panel이 실제 entity·action·selection·layer 경계인가
  3. Typography — scan·read·compare·operate 중 화면 과업에 맞는 measure·scale·pace인가
  4. Color and depth — accent·status·selection·elevation 역할이 분리되는가
  5. Evidence — 실제 workflow·asset·data·state가 generic decoration보다 앞서는가
  6. Density — group 안과 group 사이의 간격이 다르고 과업에 맞는가
  7. States — empty·loading·error·permission·long content·success가 포함되는가
  8. Responsive composition — desktop을 축소하는 대신 viewport별 우선순위를 다시 구성하는가
  9. Motion — feedback·origin·continuity·space를 설명하며 중단·reduced motion을 지원하는가
  10. Interaction contract — control의 label·appearance·state·result가 같은 약속을 지키는가

이 목록은 미니멀리즘을 강요하지 않는다. expressive editorial, dense product tool, focused service flow 모두 brief와 실행 근거가 있으면 유효하다.

Show full SKILL.md (259 more words)Show less

실행 절차

  1. Design read — 화면 종류, 독자, 핵심 행동, 보존할 동작, 브랜드 근거를 2–4문장으로 정리한다.
  2. 정적 검사 — DOM/CSS/JSX에서 결정론적으로 확인 가능한 selector, token, 중첩, 반복, line ref를 수집한다.
  3. 실제 route 검사 — 데스크톱과 모바일에서 정보 순서, 상태, overflow, 상호작용, console, 접근성을 본다.
  4. 문맥 판정 — 단일 패턴을 금지하지 말고 반복 빈도, 이웃 패턴, DESIGN.md 근거, 콘텐츠 역할을 함께 본다.
  5. 최소 처방 — 전체를 새 테마로 바꾸지 않는다. 가장 큰 cluster를 깨는 1–3개 수정부터 제안한다.
  6. 재검증 — 수정 전과 같은 route·viewport·행동에서 비교한다. 새로운 generic UI를 추가해 기존 slop을 가리지 않는다.

finding 형식

markdown
### [WARN · SLOP] UI-LAYOUT-03 · 모든 내용을 같은 카드로 분절
- 위치: `components/Overview.tsx:84`
- 화면 근거: `/docs/ko` desktop에서 11개 섹션 중 9개가 같은 radius·padding·border 카드
- 문맥: 문서의 읽기 순서보다 컨테이너 반복이 먼저 보임
- 예외 확인: DESIGN.md는 card-heavy dashboard를 요구하지 않음
- 수정: 절차는 열린 목록, 결과 예시는 비교 surface로 바꾸고 실제 독립 개체만 카드 유지
- 검증: heading 순서, 모바일 overflow, 기존 링크 동작을 같은 route에서 재확인

severity는 다음처럼 쓴다.

  • BLOCK · QUALITY — 접근성·동작·overflow·사실성·DESIGN.md 위반
  • WARN · SLOP — 근거 없는 패턴 cluster가 위계·신뢰·구별성을 약화
  • FYI · PREFERENCE — 대안은 있으나 제품 요구 안에서 유효한 선택

합산 “taste score”, AI 확률, 근거 없는 100점 만점은 만들지 않는다. finding 수와 해결 여부가 정본이다.

APPLY 가드레일

  • 사용자-facing creation funnel이면 Home → /builder → 선택 → preview에서 검증한다.
  • /reference/[id]만 보고 builder 작업을 완료하지 않는다.
  • 기존 route, 데이터 흐름, 필드명, 카피, 상태를 보존하라는 요청을 최우선으로 둔다.
  • 새 token은 DESIGN.md 확장 승인 없이 만들지 않는다.
  • 이미지·아이콘·motion은 제품 목적이 있을 때만 추가하고 reduced-motion·alt·fallback을 함께 다룬다.
  • 수정이 끝나면 omd:designer-review, omd:feel, 접근성 검사와 역할이 겹치는 finding을 중복 보고하지 않는다.

다른 OmD 역할과의 관계

  • omd:designer-review: 브랜드 토큰과 시각 일관성
  • omd:feel: motion·target·contrast·CLS 같은 측정 가능한 interface detail
  • omd:humanize: locale별 문장과 UX copy 후편집
  • omd:slop-audit: 제품 맥락 없는 패턴 수렴과 cluster

금지

  • 특정 색·폰트·radius·카드 하나만으로 slop 판정
  • “AI가 썼다”거나 작성자를 추정하는 표현
  • 모든 화면을 비대칭·Awwwards·dark-tech 스타일로 교체
  • line ref, route evidence, DESIGN.md 예외 확인 없는 finding
  • 디자인 문제와 접근성 오류를 하나의 취향 점수로 합치기
  • 실제 제품 상태를 보지 않고 정적 스크린샷만으로 완료하기

© kwakseongjae, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files (references) in skills/omd-slop-audit of kwakseongjae/oh-my-design.

  • SKILL.md
  • agents/openai.yaml
  • references/pattern-catalog.md
  • references/sources.md

Open the folder on GitHubat commit c0ec438

Compare with similar skills

Omd Slop Audit next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Omd Slop Audit compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Omd Slop Audit this skillkwakseongjae/oh-my-design533—~1.1kAutomated safety check: PassMIT
Design Dnazanwei/design-dna1.9k1 repos~2.1kAutomated safety check: PassMIT
Figma Design to Codewarpdotdev/warp65k4 repos~2.9kAutomated safety check: PassAGPL-3.0
Design Guidepaperclipai/paperclip100k1 repos~3.1kAutomated safety check: PassMIT
Web Designxiaopu-ai/web-design783—~3kAutomated safety check: PassMIT
Liuguang Banlan UIsickn33/agentic-awesome-skills47k1 repos~2.5kAutomated safety check: PassMIT

Similar skills

  • Design Dna

    zanwei/design-dna

    Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

    1.9k GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed
  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k tokens
    Frontend & DesignAuto-check passed
  • Design Guide

    paperclipai/paperclip

    Paperclip UI design system guide for building consistent, reusable frontend components.

    100k GitHub starsUsed in 1 repo~3.1k tokens
    Frontend & DesignAuto-check passed
  • Web Design

    xiaopu-ai/web-design

    Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词(任意组合),先产出一份标准化 DESIGN.md 设计规范,用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端:Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

    783 GitHub stars~3k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • Liuguang Banlan UI

    sickn33/agentic-awesome-skills

    Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.

    47k GitHub starsUsed in 1 repo~2.5k tokens
    Frontend & DesignAuto-check passed
  • Website Design Taste Extractor

    senlindesign/taste-skill

    Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

    385 GitHub stars~5.3k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

More from kwakseongjae/oh-my-design

All 18 skills in this repo
  • Ego Browser

    kwakseongjae/oh-my-design

    When you need a browser, read this Skill by default. An agent skill from kwakseongjae/oh-my-design.

    533 GitHub starsUsed in 1 repo~4.9k tokens
    Auto-check passed
  • Claude Design

    kwakseongjae/oh-my-design

    현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌려주는 스킬.

    533 GitHub stars~4.8k tokensUpdated 10 days ago
    Auto-check passed
  • Omd Aphrodite

    kwakseongjae/oh-my-design

    Maximum-craft one-page landing — the wow bar. An agent skill from kwakseongjae/oh-my-design.

    533 GitHub stars~2.1k tokensUpdated 10 days ago
    Auto-check passed
  • Omd Autopilot

    kwakseongjae/oh-my-design

    One-prompt autonomous product design and implementation. An agent skill from kwakseongjae/oh-my-design.

    533 GitHub stars~9k tokensUpdated 10 days ago
    Auto-check passed
  • Omd Landing

    kwakseongjae/oh-my-design

    Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex.

    533 GitHub stars~2.3k tokensUpdated 10 days ago
    Auto-check passed
  • Omd Media

    kwakseongjae/oh-my-design

    Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

    533 GitHub stars~1.1k tokensUpdated 10 days ago
    Auto-check passed

Questions about Omd Slop Audit

What does Omd Slop Audit do?

실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다. Omd Slop Audit is an agent skill from kwakseongjae/oh-my-design. 실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다.

When should I use Omd Slop Audit?

Omd Slop Audit fits situations like: tasks that involve UI design; tasks that involve Humanizing AI text; tasks that involve Design tokens.

How do I install Omd Slop Audit in Claude Code?

Run `npx skills add kwakseongjae/oh-my-design --skill omd-slop-audit -a claude-code`. Or copy the skill folder (skills/omd-slop-audit in kwakseongjae/oh-my-design) into .claude/skills/omd-slop-audit in your project. Claude Code loads it when a task matches its description.

How do I install Omd Slop Audit in Codex?

Run `npx skills add kwakseongjae/oh-my-design --skill omd-slop-audit -a codex`. Or copy the skill folder (skills/omd-slop-audit in kwakseongjae/oh-my-design) into .agents/skills/omd-slop-audit in your project. Codex loads it when a task matches its description.

Can I use Omd Slop Audit in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kwakseongjae/oh-my-design --skill omd-slop-audit -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/omd-slop-audit, .gemini/skills/omd-slop-audit, .github/skills/omd-slop-audit and .opencode/skills/omd-slop-audit in your project.

What does Omd Slop Audit need to run?

SKILL.md names no scripts, command-line tools or credentials: Omd Slop Audit is instructions for the agent only.

Does Omd Slop Audit access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Omd Slop Audit safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Omd Slop Audit use?

Omd Slop Audit is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Omd Slop Audit use?

About 1.1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.7k tokens, read only when the agent opens those files.

What are the alternatives to Omd Slop Audit?

Skills that share tags, products or a category with Omd Slop Audit: Design Dna (zanwei/design-dna, 1.9k stars), Figma Design to Code (warpdotdev/warp, 65k stars), Design Guide (paperclipai/paperclip, 100k stars) and Web Design (xiaopu-ai/web-design, 783 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Omd Slop Audit?

kwakseongjae (a GitHub user) maintains it in kwakseongjae/oh-my-design, which has 533 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on October 1, 2026.

Source: kwakseongjae/oh-my-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.