antislop-ui
antislop-ui is a skill in miqdadbadjuber/anti-slop, last changed 28 Oct 2026. It can name web addresses and pre-approve tools — read the findings before installing.
UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion, and page performance. Load with the core.
At a glance
What it can touch
How much a skill can do, not whether it is risky.
Pattern check
1 item to review
Broad tools pre-approved in allowed-tools
R34 · High · SKILL.md:4Commit 941b153 · 3 Nov 2026
How the check worksPattern check:1 item to reviewSee it
Install
Each tab says whether it installs commit 941b153, the one we checked, or the latest version.
OpenCode also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Goose also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Windsurf (Devin Desktop) also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Zed also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Roo Code also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Factory Droid also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Junie also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Amp also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
No install command here reaches Kiro. Copy the skill's folder into .kiro/skills/ in your project, or ~/.kiro/skills/ for all your projects. miqdadbadjuber/anti-slop/skills/antislop-ui (opens in a new tab)
Antigravity also looks in .agents/skills/, so the Any agent steps reach it with This project. For All projects, see where Antigravity looks.
Cline also looks in .claude/skills/, so the Claude Code steps reach it with This project. For All projects, see where Cline looks.
Read this before installing: Broad tools pre-approved in allowed-tools — SKILL.md:4
Claude Code
Pinned to commit 941b153, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .claude/skills &&mkdir .claude/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .claude/skills/antislop-ui/ &&rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Or install the antislop plugin it ships in. Installs the latest version, not the one we checked. Installs everything in the plugin, including any hooks, MCP servers and scripts our check doesn't cover.
claude plugin marketplace add miqdadbadjuber/anti-slop --scope project &&claude plugin install antislop@anti-slop --scope projectClaude apps
Pinned to commit 941b153, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make antislop-ui.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&out="$(mktemp -d)" &&cp -R "$tmp"/skills/antislop-ui "$out"/antislop-ui &&(cd "$out" && zip -qr - antislop-ui) > antislop-ui.zip &&rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose antislop-ui.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Codex
Pinned to commit 941b153, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .agents/skills &&mkdir .agents/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .agents/skills/antislop-ui/ &&rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Cursor
Pinned to commit 941b153, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .cursor/skills &&mkdir .cursor/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .cursor/skills/antislop-ui/ &&rm -rf "$tmp"Copilot & VS Code
Pinned to commit 941b153, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .github/skills &&mkdir .github/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .github/skills/antislop-ui/ &&rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install miqdadbadjuber/anti-slop skills/antislop-ui/SKILL.md@941b1532f9cc8ffde766bca5921d75257c9e5762 --agent github-copilot --scope projectGemini CLI
Pinned to commit 941b153, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .gemini/skills &&mkdir .gemini/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .gemini/skills/antislop-ui/ &&rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/miqdadbadjuber/anti-slop.git --path skills/antislop-ui --scope workspaceAny agent
Pinned to commit 941b153, the one we checked.
OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity read .agents/skills in a project.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/miqdadbadjuber/anti-slop.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 941b1532f9cc8ffde766bca5921d75257c9e5762 &&git -C "$tmp" sparse-checkout set -- skills/antislop-ui &&git -C "$tmp" checkout -q 941b1532f9cc8ffde766bca5921d75257c9e5762 &&mkdir -p .agents/skills &&mkdir .agents/skills/antislop-ui &&cp -R "$tmp"/skills/antislop-ui/. .agents/skills/antislop-ui/ &&rm -rf "$tmp"Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.
npx skills@1.7.4 add miqdadbadjuber/anti-slop --skill antislop-uiWhat it can touch
From the files and frontmatter at commit 941b153. This is how much a skill can do, not whether it is risky.
Pattern check
Pattern check: 1 item to review · commit 941b153 · 3 Nov 2026
We checked every text file in this skill, at commit 941b153 on 3 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
How the check worksReport an incorrect finding
Outside links we did not follow
- https://github.com/addyosmani/web-quality-skills
- https://developer.chrome.com/docs/web-platform/prerender-pages#eagerness
- https://developer.chrome.com/docs/web-platform/prerender-pages#detect_when_a_page_is_prerendered_or_used_for_a_full_navigation
- https://web.dev/articles/optimize-inp
- https://web.dev/articles/optimize-cls
- https://github.com/GoogleChrome/web-vitals
- https://web.dev/articles/lcp
- https://web.dev/articles/optimize-lcp
- https://web.dev/articles/inp
- https://web.dev/articles/cls
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
Agent Skills specPasses with warnings
The open format from agentskills.io, held to the strictest version of each rule among the agents we check.
- Warning
The body is about 7,218 tokens (approx.); the spec suggests under 5,000. B2
Fix: Move detail into reference files that the agent reads only when needed.
- Note
There is no license field, so readers can't tell whether they may reuse the skill. O2
Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.
- Note
Reference files over 100 lines with no table of contents at the top: references/CORE-WEB-VITALS.md (182 lines). B5
Fix: Add a short list of the sections at the top of each.
- Warning
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
The body is about 7,218 tokens (approx.); the spec suggests under 5,000. After compaction Claude Code keeps only the first 5,000 tokens of a skill. B2
Fix: Move detail into reference files that the agent reads only when needed.
- Note
Reference files over 100 lines with no table of contents at the top: references/CORE-WEB-VITALS.md (182 lines). B5
Fix: Add a short list of the sections at the top of each.
- Note
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
The body is about 7,218 tokens (approx.); the spec suggests under 5,000. Anthropic's guidance says the same. B2
Fix: Move detail into reference files that the agent reads only when needed.
- Note
Reference files over 100 lines with no table of contents at the top: references/CORE-WEB-VITALS.md (182 lines). B5
Fix: Add a short list of the sections at the top of each.
- Note
- OpenAI (Codex & API)Passes
- VS Code & CopilotPasses
SKILL.md
Files
More from miqdadbadjuber/anti-slop
| Skill | What it can touch | Pattern check | Licence | Updated |
|---|---|---|---|---|
antislopAnti Slop: Rules for AI Coding Agents. The core filter. Load always to stop generic AI slop.
Pattern check: 1 item to reviewMITUpdated 1 Nov 2026 |
| Pattern check: 1 item to review | MIT | 1 Nov 2026 |
antislop-codeCode comment hygiene for AI coding agents: remove generic AI-slop comments, keep the valuable ones, never touch the code.
Pattern check: 1 item to reviewMITUpdated 11 Sept 2026 |
| Pattern check: 1 item to review | MIT | 11 Sept 2026 |
antislop-copywritingCopy and text skill for antislop. Use when writing or editing prose: headlines, tone, CTAs, and anti-AI-writing patterns. Load with the core.
Pattern check: 1 item to reviewMITUpdated 19 Sept 2026 |
| Pattern check: 1 item to review | MIT | 19 Sept 2026 |
antislop-humanHuman and accessibility skill for antislop. Contrast, keyboard, focus, states, and interaction affordances for real people. Includes the contrast checker.
Pattern check: 1 item to reviewMITUpdated 1 Nov 2026 |
| Pattern check: 1 item to review | MIT | 1 Nov 2026 |
antislop-layoutmobileMobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core.
Pattern check: 1 item to reviewMITUpdated 11 Sept 2026 |
| Pattern check: 1 item to review | MIT | 11 Sept 2026 |
Other Frontend & design skills
Same category, most repo stars first.