# bouncer-feed-filter

Helps you build and configure the Bouncer browser extension, which removes unwanted Twitter/X posts in real time using local WebGPU or cloud AI models.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 483 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/bouncer-feed-filter/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/bouncer-feed-filter

## What it does

This skill equips your coding agent with instructions for developing the Bouncer extension. The project targets Twitter and X feeds. It uses a `MutationObserver` to detect incoming posts and conceals unwanted content matching your criteria.

Instructions cover building the extension via npm, navigating the TypeScript codebase, and wiring AI backends. Bouncer can run local models in the browser via WebGPU with Qwen weights, or forward classification requests to OpenAI, Google Gemini, Anthropic, or OpenRouter. Without WebGPU support in your browser, on-device models will fail to run. Authentication keys stay in `chrome.storage.local` rather than hardcoded configs.

The skill also demonstrates writing a custom `ModelProvider` implementation to connect new API endpoints to the filter pipeline.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/bouncer-feed-filter/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/bouncer-feed-filter/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/bouncer-feed-filter/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/bouncer-feed-filter/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills bouncer-feed-filter
```

2. **Manually: put the files in place**
- File: `.github/skills/bouncer-feed-filter/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/bouncer-feed-filter
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/bouncer-feed-filter/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/bouncer-feed-filter/SKILL.md

## When to use it
- build the Bouncer extension from source using npm
- configure on-device post classification through WebGPU
- connect OpenAI, Gemini, or Anthropic API keys to the extension
- set up real-time post filtering for Twitter and X feeds
- implement a custom `ModelProvider` class for a new backend

## Example prompts
- Help me build the Bouncer extension and start dev watch mode.
- Configure Bouncer to filter engagement bait on Twitter using Claude Haiku 4.5.
- Show me how to register a custom model provider class in Bouncer.

## Similar
- [agent-browser](https://affpapa.org/en/nevibecode/skills/vercel-labs-agent-browser.md) — skill · 1200000 installs
- [webapp-testing](https://affpapa.org/en/nevibecode/skills/webapp-testing.md) — skill · 186758 installs
- [computer-use](https://affpapa.org/en/nevibecode/skills/computer-use.md) — skill · 239600 installs
- [browser-use](https://affpapa.org/en/nevibecode/skills/browser-use.md) — skill · 98200 installs
- [playwright-cli](https://affpapa.org/en/nevibecode/skills/playwright-cli.md) — skill · 195700 installs
- [last30days](https://affpapa.org/en/nevibecode/skills/last30days.md) — skill · 53000 installs

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 199 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md