### Run the website locally Source: https://github.com/yetone/kill-ai-slop/blob/main/README.md Commands to install dependencies and start the development server for the Astro-based website. ```bash cd website npm install npm run dev # http://localhost:4321 npm run build # → dist/ (static, deploy anywhere) ``` -------------------------------- ### Manual Installation via CLI Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/README.md Clone the repository and copy the skill directory to the agent's local or global skills folder. ```bash git clone https://github.com/yetone/kill-ai-slop # copy the entire directory; for example, with Claude Code: cp -r kill-ai-slop/skill ~/your-project/.claude/skills/kill-ai-slop # this project only cp -r kill-ai-slop/skill ~/.claude/skills/kill-ai-slop # every project ``` -------------------------------- ### Install the agent skill Source: https://github.com/yetone/kill-ai-slop/blob/main/README.md Use npx to add the kill-ai-slop skill to your coding agent. ```bash npx skills add yetone/kill-ai-slop ``` -------------------------------- ### Manual installation instructions Source: https://github.com/yetone/kill-ai-slop/blob/main/README.md Instructions for manually adding the skill to your agent's directory. ```text Install the kill-ai-slop skill from https://github.com/yetone/kill-ai-slop/tree/main/skill Copy everything in that directory into a kill-ai-slop/ folder inside your agent's skills directory, then confirm it's registered. ``` -------------------------------- ### Report Format Example Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/SKILL.md The expected format for presenting identified slop hits to the user before applying any fixes. ```text slop src/Hero.tsx:12 indigo→violet gradient → one solid accent slop src/Hero.tsx:31 gradient-clip headline → solid ink, scale up slop src/Note.tsx:8 border-l-4 callout ×3 → 1 aside, rest is body slop copy.md:1 "not just X — it's Y" → say the specific thing → 4 groups, 11 hits. ``` -------------------------------- ### Implement flat type hierarchy Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Use distinct steps in font size and weight to establish a clear visual hierarchy. ```diff -
Usage this month
-API calls: 48,210 (+12% vs May)
+API calls this month
+48,210
++12% vs May
``` -------------------------------- ### Replace icon tiles with lists Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Use labelled lists for feature descriptions instead of decorative icon tiles. ```diff -Very fast.
+1,847 CI runs yesterday, median 3m 12s — from the public status page.
``` -------------------------------- ### Replace card grids with clear content Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Replace grids of equal-weight cards with a single, clear, and informative point. ```diff -It replaces your standups.
+Every morning it reads yesterday's commits and PRs and writes the team a + three-line summary.
``` -------------------------------- ### Detect Default semantic palette Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Identifies the overuse of standard semantic color pairs (info, warning, success, error) in UI. ```bash rg -n -i 'bg-(blue|indigo)-50|bg-amber-50|bg-green-50|bg-emerald-50|bg-red-50' rg -n -i 'text-(blue|indigo)-(600|700).*text-(green|emerald)-(600|700)' # multiple stock hues near each other rg -n -i 'info.*blue|warning.*amber|success.*green|error.*red' ``` -------------------------------- ### Improve section spacing Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Use semantic sectioning and intentional spacing to group related content. ```diff -Name
Delete workspace
-Name
Delete workspace
+It maps alerts to code owners and routes + each incident to whoever shipped the change.
``` -------------------------------- ### Detect Serif-italic on one word Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Identifies serif font usage or italic tags within sans-serif headings. ```bash rg -n -i 'font-serif|font-family:\s*(georgia|"?playfair|"?lora|"?cormorant)' rg -n '|italic' -g '*.{tsx,jsx,vue,svelte,astro,html}' ``` -------------------------------- ### Replace Indigo-to-Violet Gradient Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Replace complex gradients with a single solid accent token and remove colored glow shadows. ```diff - class="bg-gradient-to-r from-indigo-500 to-purple-500 shadow-lg shadow-purple-500/50" + class="bg-[--accent]" /* one solid, chosen accent */ ``` -------------------------------- ### Remove Decorative Serif-Italic Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Emphasize text through weight or position rather than using decorative serif-italic styles. ```diff - The editor that actually ships. + The editor that ships. /* emphasise by weight/position, one voice */ ``` -------------------------------- ### Detect One-hue status box Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Finds alert boxes where the border, text, and background share the same hue. ```bash rg -n -i 'border-(red|amber|yellow|green|blue)-[0-9]+[^"]*text-\1-[0-9]+' rg -n -i 'bg-(red|amber|yellow|green)-[0-9]+/(5|10|15|20)' rg -n -i '(error|warning|success)[^\n]{0,40}(red|amber|yellow|green)-[0-9]+' ``` -------------------------------- ### Detect Uniform Spacing Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Identifies components that use a single spacing value for both internal and external layout gaps. ```bash rg -n '(space-y-4|gap-4)[^"\'\'`]{0,80}(space-y-4|gap-4)' # the token twice on one line rg -n -c 'space-y-4|gap-4' # per-file counts; high = lead ``` -------------------------------- ### Standardize Font Family Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Use the project's UI sans-serif font token instead of display serifs unless the content is strictly editorial. ```diff - font-family: "Playfair Display", serif; + font-family: var(--font-sans); ``` -------------------------------- ### Simplify Gradient Headline Text Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Convert gradient-filled text to a solid color and rely on font weight or size for impact. ```diff -… the note, inline as normal prose …
+ ``` -------------------------------- ### Detect Nested Cards Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Searches for redundant nested UI components that share similar border and radius properties. ```bash rg -n '<(Card|Panel|Box)[^>]*>\s*<\1' -g '*.{tsx,jsx,vue,svelte}' rg -n -i 'rounded[^"]*border[^"]*"[\s\S]{0,120}rounded[^"]*border' -g '*.{tsx,jsx,vue,svelte,astro,html}' ``` -------------------------------- ### Detect Default Font Choices Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Checks for common default font stacks like Inter or Space Grotesk that may indicate lack of design iteration. ```bash rg -n -i 'fonts\.googleapis\.com/css2\?family=(Inter|Space\+Grotesk|Manrope|Plus\+Jakarta)' rg -n -i 'font-family:\s*[^;]*("?Inter"?|"?Space Grotesk"?|"?Manrope"?|"?Plus Jakarta Sans"?|"?Geist"?)' rg -n 'from ["\'\']next/font/google' -g '*.{ts,tsx,js,jsx}' ``` -------------------------------- ### Detect Badge and pill spam Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Finds decorative pill-shaped badges often used for 'new' or 'beta' labels. ```bash rg -n -i 'rounded-full .*(bg-(indigo|purple|green|amber|pink)-(50|100|200))' rg -n -i '>(\s*[✨🔥🎉🚀]\s*)?(new|beta|hot|popular|pro|coming soon)\s*<' ``` -------------------------------- ### Standardize Warm Palette Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Replace specific amber/stone washes with neutral base tokens while maintaining a single warm accent. ```diff - bg-[#fdf6ec] text-amber-900 border-amber-200 + bg-[--paper] text-[--ink] border-[--rule] /* accent stays for one element */ ``` -------------------------------- ### Detect Springy hover effects Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md Identifies hover animations that use scaling, translation, or bounce easing functions. ```bash rg -n -i 'hover:(scale-1[01][0-9]|-translate-y-)' rg -n '\btransition-all\b' rg -n -i 'cubic-bezier\([^)]*,\s*1\.[2-9][0-9]*' # overshoot easing = bounce rg -n -i 'animate-bounce|transition:[^;]*\b(width|height|margin|padding)\b' ``` -------------------------------- ### Standardize Font Usage with CSS Variables Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Replace hardcoded font-family declarations with CSS variables to ensure intentional font selection and documentation of design choices. ```diff - font-family: "Space Grotesk", sans-serif; /* display */ - font-family: "Inter", sans-serif; /* body — the stock pairing */ + font-family: var(--font-sans); /* one face, compared and chosen — with the + reason recorded in the tokens file */ ``` -------------------------------- ### Replace decorative pills with status tags Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md Remove decorative pill elements and replace them with meaningful status indicators. ```diff - and tags, using standard sans-serif fonts for general UI content.
```diff
-
- ╔══════════════╗
- ║ WELCOME ║
- ╚══════════════╝
+
+ Welcome
/* mono stays in / for actual code */
```
--------------------------------
### Detect Serif where sans belongs
Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md
Finds display serif fonts used in UI or body text where they are inappropriate.
```bash
rg -n -i 'font-family:\s*[^;]*(playfair|cormorant|lora|"?dm serif|"?libre baskerville)'
rg -n -i "fontFamily.*(Playfair|Cormorant|Lora)"
rg -n -i 'font-serif[^"]{0,60}(italic|text-[4-9]xl)|(italic|text-[4-9]xl)[^"]{0,60}font-serif'
```
--------------------------------
### Detect glowing status dots
Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md
Identify status indicators that use excessive animation or glow effects.
```bash
rg -n -i 'animate-ping|animate-pulse'
rg -n -i 'shadow-(green|emerald|lime)-[0-9]+/[0-9]+|box-shadow:[^;]*(0 0|glow)'
rg -n -i '(ready|online|live)[\s\S]{0,40}(●|rounded-full)'
```
--------------------------------
### Flatten nested card structures
Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/fixes.md
Avoid nesting cards; use a single surface with rows separated by hairlines.
```diff
- Pro — $8/mo
+
+ Billing
+ Plan Pro — $8/mo /* rows split by hairlines */
+ Renews May 3
+
```
--------------------------------
### Detect excessive emoji usage
Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md
Find patterns where emojis are used as decorative bullets or heading prefixes.
```bash
rg -n '[\x{1F000}-\x{1FAFF}\x{2600}-\x{27BF}\x{2190}-\x{21FF}\x{2B00}-\x{2BFF}]' -g '*.{md,mdx,html,tsx,jsx,vue,svelte,astro}'
rg -n -i '(🚀|✨|⚡|🔒|🎉).{0,40}(<|$)' # emoji leading a heading/button/bullet
```
--------------------------------
### Detect AI-drawn SVG icons
Source: https://github.com/yetone/kill-ai-slop/blob/main/skill/references/detection.md
Locates inline SVGs that may represent simple primitive-based mascot or blob icons.
```bash
rg -n '