Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add oyi77/1ai-skills --skill anti-slop-frontendgit clone --depth 1 https://github.com/oyi77/1ai-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/oyi77/1ai-skills/anti-slop-frontend)<a href="https://agentmods.dev/skills/oyi77/1ai-skills/anti-slop-frontend"><img src="https://agentmods.dev/badge/skills/oyi77/1ai-skills/anti-slop-frontend/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/oyi77/1ai-skills/anti-slop-frontend"><img src="https://agentmods.dev/badge/skills/oyi77/1ai-skills/anti-slop-frontend.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector warn
SkillSpector: 1 finding, up to medium
These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →
- medium MCP Rug Pull · line 135 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00060 | $0.01396 |
| Opus 5 | $0.00030 | $0.00698 |
| Sonnet 5 | $0.00012 | $0.00279 |
| Haiku 4.5 | $0.00006 | $0.00140 |
Grade A, and why
anti-slop-frontend scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 198 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Overview
Anti-slop frontend design framework based on Leonxlnx/taste-skill. Provides 13 specialized skills that enforce distinctive, production-grade visual design — countering the generic, soulless UIs that AI agents typically generate.
The framework covers layout systems, typography hierarchies, motion design, spacing discipline, and image-to-code pipelines across three visual style variants.
Implementation Skills
- Configure agents, anti, better, boilerplate, building settings before first use
taste-skill (v2)
Core design taste engine. Injects layout/typography/color/motion constraints into agent output to prevent generic patterns.
- When to use: Every frontend generation task as a baseline quality filter.
- Key principles: White space is intentional, type scales are non-negotiable, color palettes have hierarchy, motion serves purpose.
taste-skill-v1
Legacy taste skill for backward compatibility with existing agent pipelines.
gpt-taste
GPT-specific taste calibration — adapts design constraints for GPT-based code generators.
image-to-code
Screenshot-to-production-code pipeline. Takes a reference image and generates pixel-accurate frontend code.
- When to use: Converting mockups, competitor screenshots, or design references into working code.
- Process: Image analysis → layout extraction → component mapping → responsive code generation.
redesign-existing-projects
Audit and redesign existing frontend projects. Identifies anti-patterns and applies taste-skill improvements.
- When to use: Inheriting ugly codebases, post-MVP polish, design debt cleanup.
- Process: Visual audit → priority matrix → incremental redesign → before/after validation.
high-end-visual-design
Premium visual design patterns — luxury brand aesthetics, editorial layouts, cinematic compositions.
- When to use: High-end brand sites, portfolio showcases, product launch pages.
full-output-enforcement
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 198 lines · 60 tokens per session scan A 22430a6fc189
anti-slop-frontend is a skill published in the GitHub repository oyi77/1ai-skills (12 stars, last pushed today), licensed MIT. It adds 60 tokens to every session and 1,396 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
design
Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the…
absolute-ui
Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spacing, dark mode, accessibility, animations, components. Encodes specific, opinionated rules with exact values, not vague advice. Covers buttons, cards, forms, tables, navigation, dashboards, landing pages, onboarding, and…
design-system
Document and define UI design system tokens, components, and guidelines.
baseline-ui
Skill "baseline-ui" from humanerd-drew/opencode-drewgent, covering baseline ui, when to apply, rule categories by priority, 1. stack defaults and 2. html semantics.
popular-web-designs
54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.
popular-web-designs
54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe, Linear, Vercel, Notion, Airbnb, and more. Each template includes colors, typography, components, layout rules, and ready-to-use CSS values.