BeClaude

dartai

New
3Community RegistryDevelopmentby Standard Beagle · MIT

Dart task management with adversarial cooperation loops and full dart-query MCP schema parity - DartQL batch operations, advanced filtering, task relationships, documents, time tracking, and automated task execution through quality verification pipelines.

Community PluginView Source

Overview

AI coding agent toolkit and UX MCP package monorepo — Claude Code plugins, MCP servers, and reusable npm packages for design, accessibility, and frontend tooling.

Plugins (Claude Code marketplace)

This marketplace contains 13 plugins for Claude Code:

PluginDescriptionVersionCategory
agntBrowser superpowers: process management, reverse proxy, frontend debugging, sketch mode0.7.12development
lciLightning Code Index: sub-millisecond semantic code search0.4.0development
toolsComplete toolkit combining agnt and lci1.0.0development
mcp-architectDesign high-quality MCP servers with progressive discovery and token efficiency0.1.0development
mcp-testerMCP server testing and debugging with mcp-debug0.2.0development
slop-mcpSLOP integration for MCP management and orchestration0.2.0development
slop-coderSLOP language coding assistant and reference0.1.0development
dartaiDart task management with adversarial cooperation loops0.3.0development
workflowGeneral-purpose adversarial workflow automation0.1.0development
figma-queryToken-efficient Figma integration with design library extraction0.1.0design
ux-designUX design principles, color theory, typography, and accessibility0.1.0design
ux-developerUX-driven development with WCAG 2.2 and usability best practices0.1.0development
prompt-engineerState-of-the-art prompt and context engineering for 20260.1.0ai

Packages (npm @standardbeagle/*)

This monorepo also publishes six npm packages under packages/ — UX-focused MCP servers and shared libraries:

PackageVersionDescription
`@standardbeagle/ux-core`!npmShared types, validators, k-means clustering
`@standardbeagle/color`!npmColor tools — contrast, palette generation, accessibility
`@standardbeagle/a11y-audit`!npmAccessibility audit MCP server (axe-core, WCAG 2.2)
`@standardbeagle/design-token`!npmDTCG design tokens — validate, transform, generate
`@standardbeagle/typography`!npmTypography tools — modular scale, font pairing
`@standardbeagle/image-processing`!npmImage tools — sharp, blurhash, svgo

Architecture

mermaid
flowchart LR
  Client[MCP Client] --> Color[packages/color]
  Client --> A11y[packages/a11y-audit]
  Client --> DT[packages/design-token]
  Client --> Typo[packages/typography]
  Client --> Img[packages/image-processing]
  Color --> Core[packages/ux-core]
  A11y --> Core
  DT --> Core
  Typo --> Core
  Img --> Core
  Img -.palette.-> Color

Each MCP server package exposes tools to MCP clients (Claude Code, Cursor, etc.) and depends on ux-core for shared utilities. The image-processing package optionally calls into color for palette extraction.

Installation

Step 1: Install the binaries

bash
# Via npm (recommended)
npm install -g @standardbeagle/agnt @standardbeagle/lci

# Via pip
pip install agnt lightning-code-index

# Via Go (lci only)
go install github.com/standardbeagle/lci/cmd/lci@latest

Step 2: Register MCP servers

Option A: Via slop-mcp (recommended if available)

code
mcp__plugin_slop-mcp_slop-mcp__manage_mcps
{ "action": "register", "name": "agnt", "command": "npx", "args": ["-y", "@standardbeagle/agnt", "mcp"], "scope": "user" }
{ "action": "register", "name": "lci", "command": "npx", "args": ["-y", "@standardbeagle/lci", "mcp"], "scope": "user" }

Option B: Add to `.mcp.json`

json
{
  "agnt": {
    "command": "npx",
    "args": ["-y", "@standardbeagle/agnt", "mcp"]
  },
  "lci": {
    "command": "npx",
    "args": ["-y", "@standardbeagle/lci", "mcp"]
  }
}

Step 3 (Optional): Install Claude Code plugins

The plugins provide commands, skills, and agents that help you use the MCP tools:

bash
# Install the complete toolkit (recommended)
claude plugin add tools@standardbeagle-tools

# Or install individual plugins
claude plugin add agnt@standardbeagle-tools
claude plugin add lci@standardbeagle-tools

Plugin Details

agnt - Browser Superpowers

Give your AI coding agent browser superpowers:

  • Process Management: Run and manage dev servers with output capture
  • Reverse Proxy: HTTP traffic logging with automatic frontend instrumentation
  • Browser Debugging: 50+ diagnostic functions (__devtool API)
  • Sketch Mode: Excalidraw-like wireframing directly on the UI
  • Design Mode: AI-assisted UI iteration with live preview
  • Error Capture: JavaScript errors automatically available to agent

Requirements: agnt binary via npm/pip or GitHub releases

lci - Lightning Code Index

Sub-millisecond semantic code search and code intelligence:

  • Instant Search: Find code patterns across any codebase in <5ms
  • Symbol Lookup: Definitions, references, and implementations
  • Call Hierarchy: Trace function calls up and down
  • Codebase Overview: 79.8% context reduction for efficient analysis
  • Context Manifests: Save/load code context for agent handoff
  • Side Effect Analysis: Function purity and mutation tracking

Requirements: lci binary via npm/pip/go or GitHub releases

tools - Complete Toolkit

Best of both worlds - combines agnt and lci for the ultimate AI coding experience.

Requirements: Both agnt and lci binaries

Repository Structure

code
standardbeagle-tools/
├── .claude-plugin/
│   └── marketplace.json      # Marketplace registry
├── plugins/
│   ├── agnt/                 # Browser superpowers plugin
│   │   ├── .claude-plugin/
│   │   ├── commands/
│   │   ├── skills/
│   │   ├── agents/
│   │   └── mcp.json.disabled
│   ├── lci/                  # Code intelligence plugin
│   │   ├── .claude-plugin/
│   │   ├── commands/
│   │   ├── skills/
│   │   └── mcp.json.disabled
│   └── tools/                # Combined plugin
│       ├── .claude-plugin/
│       ├── commands/
│       ├── agents/
│       └── mcp.json.disabled
└── README.md

Note: The mcp.json.disabled files contain example configurations. MCP servers should be registered via slop-mcp or your personal .mcp.json to avoid duplicate registrations.

Development

Monorepo Setup (pnpm packages)

The packages/ directory is a pnpm workspace. On a fresh clone:

bash
pnpm install          # install all workspace deps
pnpm -r build         # build every package
pnpm -r test          # run vitest across all packages
pnpm smoke            # E2E smoke test (1 tool per MCP server)
pnpm lint             # lint all packages

Release flow (Changesets)

bash
pnpm changeset            # describe changes (interactive)
pnpm changeset version    # bump versions + update CHANGELOG
git push                  # release.yml workflow handles npm publish

Plugin Local Development Setup

After cloning, run the setup script to configure git filters for local development:

bash
./scripts/setup-dev.sh

This configures git smudge/clean filters so that:

  • Locally: mcp.json files use local binaries (agnt, lci)
  • In commits: mcp.json files use npx commands for deployment

The filters are stored in your local git config. If you clone fresh, re-run the setup script.

Testing Plugins Locally

bash
# Add marketplace from local directory
claude plugin add-dir /path/to/standardbeagle-tools

# Or test individual plugin
claude plugin add agnt --source ./plugins/agnt

Publishing

Plugins are published via the Claude Code marketplace. The marketplace.json defines all available plugins and their metadata.

Release Setup

This monorepo uses Changesets for version management and release automation.

Required secret:

  • NPM_TOKEN — npm authentication token for publishing packages. Add this in Settings > Secrets and variables > Actions in the GitHub repository.

Workflow:

  1. Run pnpm changeset to create a changeset describing your changes
  2. Commit the changeset file (.changeset/*.md)
  3. On merge to main, the release workflow creates a Version Packages PR
  4. Merging the Version Packages PR publishes updated packages to npm

Contributing

See CONTRIBUTING.md (forthcoming) for contribution guidelines, or open a pull request against main for review.

License

MIT

Author

Standard Beagle

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/dartai.md https://raw.githubusercontent.com/standardbeagle/standardbeagle-tools/main/SKILL.md
3
Invoke in Claude Code
/dartai
View source on GitHub
documentationmcpdarttask-managementautomationadversarial-cooperationquality-verificationcode-quality

Frequently Asked Questions

What is dartai?

Dart task management with adversarial cooperation loops and full dart-query MCP schema parity - DartQL batch operations, advanced filtering, task relationships, documents, time tracking, and automated task execution through quality verification pipelines.

How to install dartai?

To install dartai, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /dartai.

What is dartai best for?

dartai is a community categorized under Development. It is designed for: documentation, mcp, dart, task-management, automation, adversarial-cooperation, quality-verification, code-quality. Created by Standard Beagle.