vercel-react-best-practices

This repository provides:

• Specialized AI Agents - Expert sub-agents for specific tasks (design, security, documentation, content, payments, auth, etc.)
• Slash Commands - Instant automation tools under the OPL namespace
• Automation Hooks - Background workflows to enhance development
• Powerful Prompts - Reusable templates for complex operations

Full Plugin (recommended - includes 18 agents, 10 hooks, commands):

```bash

/plugin install bopen-tools@b-open-io

```

Skills Only (for other agentic frameworks):

```bash

bunx skills add b-open-io/bopen-tools --skill x-research

bunx skills add b-open-io/bopen-tools --skill x-tweet-fetch

bunx skills add b-open-io/bopen-tools --skill x-tweet-search

bunx skills add b-open-io/bopen-tools --skill x-user-lookup

bunx skills add b-open-io/bopen-tools --skill x-user-timeline

bunx skills add b-open-io/bopen-tools --skill frontend-design

bunx skills add b-open-io/bopen-tools --skill ui-audio-theme

bunx skills add b-open-io/bopen-tools --skill cli-demo-gif

bunx skills add b-open-io/bopen-tools --skill markdown-writer

bunx skills add b-open-io/bopen-tools --skill deck-creator

bunx skills add b-open-io/bopen-tools --skill stop-slop

bunx skills add b-open-io/bopen-tools --skill npm-publish

bunx skills add b-open-io/bopen-tools --skill notebooklm

bunx skills add b-open-io/bopen-tools --skill payload

bunx skills add b-open-io/bopen-tools --skill plaid-integration

bunx skills add b-open-io/bopen-tools --skill reinforce-skills

bunx skills add b-open-io/bopen-tools --skill saas-launch-audit

bunx skills add b-open-io/bopen-tools --skill statusline-setup

bunx skills add b-open-io/bopen-tools --skill workflow-orchestration

bunx skills add b-open-io/bopen-tools --skill confess

bunx skills add b-open-io/bopen-tools --skill critique

bunx skills add b-open-io/bopen-tools --skill geo-optimizer

bunx skills add b-open-io/bopen-tools --skill frontend-performance

```

Our 21 expert agents enhance Claude Code with specialized knowledge. See [agents/](agents/) for full details.

Development & Architecture

• 🔵 [prompt-engineer](agents/prompt-engineer.md) - Claude Code commands and prompt development
• 🏗️ [architecture-reviewer](agents/architecture-reviewer.md) - Large-scale system design and refactoring
• 🔴 [code-auditor](agents/code-auditor.md) - Security vulnerabilities and code quality
• 🚀 [optimizer](agents/optimizer.md) - Performance optimization and efficiency
• 🧪 [test-specialist](agents/test-specialist.md) - Comprehensive testing strategies
• 🧹 [consolidator](agents/consolidator.md) - System organization and cleanup

Platform & Infrastructure

• 🟠 [devops-specialist](agents/devops-specialist.md) - Deployment automation and cloud infrastructure
• 🟢 [database-specialist](agents/database-specialist.md) - Database design, optimization, and data modeling
• 📱 [mobile-specialist](agents/mobile-specialist.md) - React Native, Swift, Kotlin, and Flutter development
• 🔗 [integration-expert](agents/integration-expert.md) - API integration and third-party services
• 🟠 [mcp-specialist](agents/mcp-specialist.md) - Model Context Protocol server development

Specialized Domains

• 🟡 [bitcoin-specialist](agents/bitcoin-specialist.md) - BSV blockchain and cryptography
• 💚 [payment-specialist](agents/payment-specialist.md) - Payment processing and financial operations
• 🔵 [auth-specialist](agents/auth-specialist.md) - Authentication and identity management
• 🤖 [agent-specialist](agents/agent-specialist.md) - AI agent development and tool-calling
• 📊 [data-specialist](agents/data-specialist.md) - Data processing, analytics, and ETL pipelines
• ⚖️ [legal-specialist](agents/legal-specialist.md) - Legal compliance and privacy regulations

Content & Communication

• 🟣 [design-specialist](agents/design-specialist.md) - UI/UX design and component libraries
• 🔷 [documentation-writer](agents/documentation-writer.md) - Technical documentation and guides
• 🟠 [content-specialist](agents/content-specialist.md) - AI-powered media generation
• 🩷 [research-specialist](agents/research-specialist.md) - Information gathering and analysis

Usage: "Use the [agent-name] to [specific task]"

Skills are context-triggered capabilities. They activate automatically or can be invoked directly.

X/Twitter

• x-research - Research X/Twitter trends and sentiment via xAI Grok (requires XAI_API_KEY)

```bash

bunx skills add b-open-io/bopen-tools --skill x-research

```

• x-tweet-fetch - Fetch individual tweets by ID via X API v2

```bash

bunx skills add b-open-io/bopen-tools --skill x-tweet-fetch

```

• x-tweet-search - Search X/Twitter for tweets via X API v2

```bash

bunx skills add b-open-io/bopen-tools --skill x-tweet-search

```

• x-user-lookup - Look up X/Twitter user profiles via X API v2

```bash

bunx skills add b-open-io/bopen-tools --skill x-user-lookup

```

• x-user-timeline - Fetch user timelines and recent tweets via X API v2

```bash

bunx skills add b-open-io/bopen-tools --skill x-user-timeline

```

Content & Media

• frontend-design - Bold UI designs that avoid generic AI aesthetics

```bash

bunx skills add b-open-io/bopen-tools --skill frontend-design

```

• prd-creator - Create comprehensive PRDs with Shape Up + Working Backwards methodology

```bash

bunx skills add b-open-io/bopen-tools --skill prd-creator

```

• ui-audio-theme - Generate cohesive UI sound effects

```bash

bunx skills add b-open-io/bopen-tools --skill ui-audio-theme

```

• cli-demo-gif - Create terminal demo GIFs for documentation

```bash

bunx skills add b-open-io/bopen-tools --skill cli-demo-gif

```

• markdown-writer - Write and format markdown content with best practices

```bash

bunx skills add b-open-io/bopen-tools --skill markdown-writer

```

• deck-creator - Create presentation decks and slide content

```bash

bunx skills add b-open-io/bopen-tools --skill deck-creator

```

• stop-slop - Detect and prevent low-quality AI-generated content

```bash

bunx skills add b-open-io/bopen-tools --skill stop-slop

```

Development

• npm-publish - Publish packages with changelog and version management

```bash

bunx skills add b-open-io/bopen-tools --skill npm-publish

```

• notebooklm - Query Google NotebookLM for source-grounded answers

```bash

bunx skills add b-open-io/bopen-tools --skill notebooklm

```

• frontend-performance - Optimize frontend performance and loading speed

```bash

bunx skills add b-open-io/bopen-tools --skill frontend-performance

```

• confess - Analyze and document code issues and technical debt

```bash

bunx skills add b-open-io/bopen-tools --skill confess

```

• critique - Review and provide constructive feedback on code and design

```bash

bunx skills add b-open-io/bopen-tools --skill critique

```

• reinforce-skills - Strengthen and reinforce installed skill behaviors

```bash

bunx skills add b-open-io/bopen-tools --skill reinforce-skills

```

• statusline-setup - Configure custom statusline for Claude Code

```bash

bunx skills add b-open-io/bopen-tools --skill statusline-setup

```

Integrations

• plaid-integration - Banking data via Plaid API

```bash

bunx skills add b-open-io/bopen-tools --skill plaid-integration

```

• payload - Payload CMS integration and management

```bash

bunx skills add b-open-io/bopen-tools --skill payload

```

Operations

• geo-optimizer - Geographic and location-based op