existential-birds/beagle
8 skills3.4k installs492 starsGitHub
Install
npx skills add https://github.com/existential-birds/beagleSkills in this repo
1Langgraph Code Reviewlanggraph-code-review is an agent skill that walks a reviewer through LangGraph-specific failure modes in StateGraph-based applications. Solo builders shipping multi-step LLM workflows use it when code touches nodes, edges, conditional routing, checkpointing, or async invoke paths and they want more than generic TypeScript lint. The methodology orders work: discover graph entry points, map whether reducers like add_messages protect mutable state, then verify persistence lines up with interrupts and thread identifiers. It is built for AI agent backends where subtle state overwrite bugs surface only under parallel tool calls or resumed threads. Invoke during Ship review on PRs, during Build integrations while first wiring a graph, and during Operate iterate when production traces show stale message history. The deliverable is an evidence-backed issue list aligned to LangGraph patterns—not automatic fixes. Pair it with your test suite; it does not execute graphs or benchmark latency.880installs2React FlowReact Flow custom edges is a frontend agent skill for solo builders who need polished connections between nodes in canvas-style tools—workflow editors, agent graphs, or internal ops diagrams. It walks through the EdgeProps typing pattern, path helpers, BaseEdge rendering, optional animation, and label strategies from inline SVG through EdgeLabelRenderer for clickable overlays. You invoke it during Build when a standard bezier or step edge is not enough and you want typed edge data (timestamps, status, costs) visible on the link itself. The documentation is reference-shaped: edge type definition, props structure, registration on the React Flow instance, and default options so new edges stay consistent. It assumes you already run a React app with @xyflow/react and TypeScript. Intermediate complexity fits builders who have shipped at least one node graph but have not yet authored custom edge components.860installs3Tailwind V4tailwind-v4 is a frontend agent skill focused on dark mode strategies in Tailwind CSS v4 for solo builders shipping React or similar UIs. It explains how the default media-query strategy generates @media (prefers-color-scheme: dark) rules so classes like dark:bg-slate-900 work without JavaScript—ideal for content sites that should follow the OS. When users need a manual switch, the skill documents class-based toggling by placing .dark on the document root and the v4 configuration paths (including bridging v3 darkMode settings where needed). Attribute-based alternatives and full theme-switching implementations close the gap for dashboards and SaaS shells. You choose a strategy based on whether override matters more than automatic system sync. The material is implementation reference, not a full design system audit—use it while wiring components such as cards with paired light/dark text and background tokens. Intermediate complexity assumes you already use Tailwind utility classes in TSX.673installs4Python Code Reviewpython-code-review is a checker skill that turns ad-hoc Python feedback into a repeatable audit aligned with PEP8, modern typing, asyncio discipline, and defensive error handling. Solo builders shipping FastAPI services, CLIs, data scripts, or agent tools invoke it when reviewing pull requests or spot-checking modules before a release candidate. The quick-reference table routes each issue class to a dedicated reference doc so the agent does not improvise style rules. Coverage spans whitespace and naming conventions, elimination of unjustified Any, detection of blocking I/O inside async flows, and common footguns like mutable default arguments and print-based logging. It complements automated linters by encoding judgment calls—when Any is acceptable, how to structure exceptions with context, and what “done” looks like for a human-quality Python pass. Expect intermediate familiarity with Python 3 typing and async; it does not replace security scanning or performance profiling.529installs5React Flow Advancedreact-flow-advanced is an agent skill for solo builders who already use React Flow and need production-grade patterns instead of demo wiring. It covers nested sub-flows and groups, custom connection lines with valid/invalid drag feedback, programmatic dagre layouts, pane drag-and-drop with correct coordinate transforms, undo/redo over nodes and edges, and connect-on-drop flows that spawn linked nodes. The SKILL.md frames work as six explicit pass/fail gates you run in sequence before shipping, which fits agent-assisted implementation where the model might otherwise skip edge cases like missing parent node types or using screen coordinates as flow space. Use it during Build when your product is a workflow builder, data lineage map, org chart, or any canvas UI where graph state must stay synchronized under user edits. It is procedural frontend knowledge, not a hosted service; pair it with your existing React stack and React Flow version docs.479installs6React Flow ArchitectureReact Flow Architecture is an agent skill that gives solo builders structured guidance for node-based UIs powered by React Flow. Use it when you are designing flow-based applications, choosing state management boundaries, or evaluating whether React Flow is the right library versus lighter SVG, WebGL graph, or 3D stacks. The skill separates good fits—workflow builders, automation tools, flowcharts, data pipelines, mind maps—from cases where alternatives win. Before implementation it enforces a short gated sequence: enumerate top user interactions and tie each to concrete React Flow callbacks, estimate node scale and accept the matching performance strategy from documented guidelines, and decide where state lives. That framing helps agents avoid shipping a demo that collapses at hundreds of nodes or the wrong collaboration model. It is architectural, not a component snippet pack; pair it with your app's domain model and testing plan. Intermediate complexity assumes comfort with React and interactive canvas patterns.1installs7React Flow Code ReviewReact Flow Code Review is an agent skill that walks you through five ordered gates when auditing node-based UIs built with @xyflow/react. Solo and indie builders shipping canvas tools, workflow editors, or internal diagramming in React install it when they want review output that cites concrete file paths and line numbers instead of generic lint advice. The skill starts by locating all flow-related symbols in scope, then validates that hooks like useReactFlow sit under ReactFlowProvider, and inspects whether custom nodes and edges use memo and stable type maps. It requires evidence on every critical or high-severity finding before you close performance and best-practice checklists. Use it during pre-merge review or when optimizing a sluggish graph UI, not as a substitute for general React or TypeScript review when no flow library is present.1installs8React Flow ImplementationReact Flow Implementation is an agent skill for solo builders adding node-based interfaces—workflow editors, architecture diagrams, agent graph UIs, or visual automation canvases—using @xyflow/react. It walks through a minimal working Flow component, then enforces implementation gates so common failures (missing stylesheet bundle, zero-height container, broken connections) do not slip through because the canvas looks fine locally. The skill targets intermediate React developers who need procedural knowledge for onConnect callbacks, controlled node/edge state, fitView, and custom node components. Install it when your spec calls for draggable nodes and directed edges rather than a static SVG. It stays in the Build phase as frontend delivery, not launch SEO or backend API design.1installs