bouncer-feed-filter — Claude Code skill: what it does, how to install
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.
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a claude-codeWhat bouncer-feed-filter 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.
What it helps with
- 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
ModelProviderclass for a new backend
Example prompts for the agent
- 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.
How to install bouncer-feed-filter
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a claude-code2Manually: put the files in place
~/.claude/skills/bouncer-feed-filter/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/bouncer-feed-filter/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a codex2Manually: put the files in place
.agents/skills/bouncer-feed-filter/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a cursor2Manually: put the files in place
.cursor/skills/bouncer-feed-filter/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills bouncer-feed-filter2Manually: put the files in place
.github/skills/bouncer-feed-filter/SKILL.md1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a gemini-cli2Platform CLI
gemini skills install https://github.com/reason-machines/trending-skills --path skills/bouncer-feed-filterManually: put the files in place
.devin/skills/bouncer-feed-filter/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about bouncer-feed-filter
How to install bouncer-feed-filter in Claude Code?
Run npx skills add reason-machines/trending-skills --skill bouncer-feed-filter -a claude-code in your terminal. The skill file is placed at ~/.claude/skills/bouncer-feed-filter/SKILL.md.
What does bouncer-feed-filter do?
It gives your coding agent architectural guidelines and commands to develop the Bouncer browser extension. The agent learns how to build the project, write Twitter feed filters, and integrate local or cloud language models.
Which AI backends are supported by Bouncer?
Bouncer can run local models via WebGPU using the Qwen family or query cloud APIs including OpenAI, Google Gemini, Anthropic Claude Haiku 4.5, OpenRouter, and built-in Imbue. External API keys are stored locally in chrome.storage.local.