Search everything...

Stats

Actions

Available In

beagle-react

Name: beagle-react
Author: existential-birds

By existential-birds

Review React/TypeScript frontend code, with specialized skills for React Flow, React Router, shadcn/ui, Tailwind CSS v4, Vitest, and Zustand. Includes a hierarchical graph layout utility for React Flow nodes and a multi-step verification protocol to reduce false positives in AI reviews.

Publisher marketplacebeagle-react@existential-birds · marketplace and plugin share one repository (existential-birds/beagle)

npx claudepluginhub existential-birds/beagle --plugin beagle-react

Popularity

Stars

Top 10%

Med: 0·Avg: 825

Copy clicks

Med: 0·Avg: 2

What's Inside

Skills16

ai-elements

/ai-elements

Vercel AI Elements for workflow UI components. Use when building chat interfaces, displaying tool execution, showing reasoning/thinking, or creating job queues. Triggers on ai-elements, Queue, Confirmation, Tool, Reasoning, Shimmer, Loader, Message, Conversation, PromptInput.

dagre-react-flow

/dagre-react-flow

Automatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes programmatically. Triggers on dagre, auto-layout, automatic layout, getLayoutedElements, rankdir, hierarchical graph.

react-flow-advanced

/react-flow-advanced

Advanced React Flow patterns for complex use cases. Use when implementing sub-flows, custom connection lines, programmatic layouts, drag-and-drop, undo/redo, or complex state synchronization.

react-flow-architecture

/react-flow-architecture

Architectural guidance for building node-based UIs with React Flow. Use when designing flow-based applications, making decisions about state management, integration patterns, or evaluating whether React Flow fits a use case.

react-flow-code-review

/react-flow-code-review

Reviews React Flow code for anti-patterns, performance issues, and best practices. Use when reviewing code that uses @xyflow/react, checking for common mistakes, or optimizing node-based UI implementations.

Stats

Version1.2.1

ReleasedMay 17, 2026

LanguagePython

Stars60

Forks8

MaintenanceExcellent

LicenseApache-2.0

Last CommitMay 15, 2026

AddedFeb 6, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

existential-birds73

README

beagle

Apollo 10 astronaut Thomas P. Stafford pats the nose of a stuffed Snoopy

Image: NASA, Public Domain. Source

Beagle is a Claude Code plugin marketplace with 145 skills across code review, documentation, testing, architectural analysis, and git workflows. Use it to review before you push, detect AI-generated artifacts, draft and improve docs, generate test plans, and analyze codebases — across Python, Go, Rust, Elixir, React, Remix v2, iOS/Swift, and AI frameworks.

Used with Amelia for agent-based workflows and Daydream for automated review-fix-test loops.

Installation

Prerequisites:

Claude Code CLI installed
agent-browser for the run-test-plan skill (optional)

# Add the marketplace
claude plugin marketplace add https://github.com/existential-birds/beagle

# Install the plugins you need
claude plugin install beagle-core@existential-birds
claude plugin install beagle-python@existential-birds
claude plugin install beagle-react@existential-birds

Verify installation by opening a new Claude Code session and running /beagle-core:commit-push — if the skill loads, the plugin is active.

To update:

claude plugin marketplace update existential-birds && claude plugin update <plugin-name>

Troubleshooting:

"Marketplace file not found": Remove stale entries from ~/.claude/plugins/known_marketplaces.json and restart Claude Code.
Plugin not updating: Run claude plugin marketplace update existential-birds to refresh the marketplace.

Other Agents

Use the skills CLI to install beagle skills for other AI agents:

npx skills add existential-birds/beagle

This downloads the skills and configures them for your agent.

Codex users: Link each plugin into ~/.agents/skills/ — see .codex/INSTALL.md for setup instructions.

Plugins

Plugin	Skills	Category
beagle-core	20	Shared workflows, verification, git
beagle-python	7	Python, FastAPI, SQLAlchemy, pytest
beagle-go	13	Go, BubbleTea, Wish SSH, Prometheus
beagle-elixir	11	Elixir, Phoenix, LiveView, ExUnit, ExDoc
beagle-ios	16	Swift, SwiftUI, SwiftData, iOS frameworks
beagle-react	16	React, React Flow, shadcn/ui, Tailwind
beagle-remix-v2	12	Remix v2 route modules, loaders/actions, forms, sessions
beagle-rust	12	Rust, tokio, axum, sqlx, serde
beagle-ai	13	Pydantic AI, LangGraph, DeepAgents
beagle-docs	10	Documentation quality, AI writing detection (Diataxis)
beagle-analysis	13	Brainstorming, ADRs, strategy, LLM-as-judge, spec gap resolution, TDD plan writing
beagle-testing	2	Test plan generation and execution
Total	145	—

Skills

These are the canonical skill entry points for Beagle.

beagle-core

Skill	Description
`review-plan <path>`	Review implementation plans
`review-llm-artifacts`	Detect LLM coding artifacts
`verify-llm-artifacts`	Confirm or reject review findings before deletes
`fix-llm-artifacts`	Fix detected artifacts
`commit-push`	Commit and push changes
`create-pr`	Create PR with template
`gen-release-notes <tag>`	Generate release notes
`receive-feedback <path>`	Process review feedback
`fetch-pr-feedback`	Fetch bot comments from PR
`respond-pr-feedback`	Reply to bot comments
`subagent-prompt`	Hand off the current session as an orchestrator-plus-subagents prompt for a fresh session
`skill-builder`	Create new skills
`prompt-improver`	Optimize prompts

Code Review Skills

Skill	Plugin	Description
`review-python`	beagle-python	Python/FastAPI code review
`review-frontend`	beagle-react	React/TypeScript code review
`review-go`	beagle-go	Go code review
`review-tui`	beagle-go	BubbleTea TUI code review
`review-ios`	beagle-ios	iOS/SwiftUI code review
`review-elixir`	beagle-elixir	Elixir/Phoenix code review
`review-rust`	beagle-rust	Rust/tokio/axum code review
`review-remix-v2`	beagle-remix-v2	Remix v2 code review (loaders, actions, forms, sessions)

Documentation & Analysis Skills

View full README on GitHub

Similar Plugins

fuse-react

19·

Expert React 19 with hooks, TanStack Router, Zustand, React Hook Form, Testing Library, shadcn/ui, and SOLID principles

v1.0.17

fusengine

react-toolkit

29·

React development toolkit for component architecture, state management, and performance optimization. Includes react architect agent for strategic React decisions.

8mo

v1.0.0

armanzeroeight

reactflow

152·1·

Build node-based editors, interactive diagrams, and workflow builders with React Flow.

5mo

v1.0.0

TheBushidoCollective

react-skills

29.2k·3·

React, Next.js, and React Native best practices. 64 React/Next.js rules and 35+ React Native/Expo rules covering performance, rendering, state, animations, and navigation.

1mo

v1.0.0

vercel-labs

asyrafhussin-agent-skills-1

51·1·

Claude skill for building React applications with Vite and following modern frontend best practices. Optimizes build performance and development experience.

2mo

v3.3.0

AsyrafHussin

web-dev

682·

Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>

6mo

v1.0.0

ananddtyagi

beagle-react

Popularity

What's Inside

Confidence

README

beagle

Installation

Other Agents

Plugins

Skills

beagle-core

Code Review Skills

Documentation & Analysis Skills

Similar Plugins

fuse-react

react-toolkit

reactflow

react-skills

asyrafhussin-agent-skills-1

web-dev

More by existential-birds

beagle-analysis

beagle-python

beagle-rust

beagle-core

beagle-docs

beagle

Installation

Other Agents

Plugins

Skills

beagle-core

Code Review Skills

Documentation & Analysis Skills

Popularity

Health & Quality

More by existential-birds

beagle-analysis

beagle-python

beagle-rust

beagle-core

beagle-docs

Similar Plugins

fuse-react

react-toolkit

reactflow

react-skills

asyrafhussin-agent-skills-1

web-dev