agent-ops-cockpit

Authenticated browser QA on the Voyager dev server — mint real AuthKit sessions for seeded test personas via /api/dev/login, then drive the UI with Playwright. Use whenever QA, visual review, or E2E verification needs a logged-in user.

Orchestrate parallel work across worker agents in herdr panes (omp by default; fable/claude workers on explicit user request) — spawn or discover workers, dispatch assignment packets, monitor liveness, and verify results before committing. Use whenever a code change should be delegated instead of implemented firsthand (delegation-first policy), e.g. /herdr-orchestrate 3 to spawn three workers, or /herdr-orchestrate p17,p18,p19 to use existing panes.

Observe Herdr peers safely with native read-only herdr commands.

Initialize or repair AOC context, memory, and tasks safely.

Ponytail review, audit, and debt workflows for over-engineering review and shortcut ledger scans. Use for /ponytail review, /ponytail audit, /ponytail debt, or when asked what to delete, simplify, or track as ponytail debt.

Anime.js v4 API correctness, imports, targeting, value mapping, refresh/revert semantics, and sane implementation defaults. Use when writing or fixing Anime.js code.

Audit Anime.js work for performance, reduced-motion behavior, engine settings, scroll readability, SVG costs, and cleanup discipline.

Integrate Anime.js safely into React components using refs, createScope(), cleanup via revert(), method registration, and responsive rebuild patterns.

Review existing Anime.js code for API correctness, sequencing quality, React lifecycle safety, cleanup, performance, and motion purpose.

Turn vague motion requests into an Anime.js-ready blueprint with intent, targets, timing, easing, reduced-motion fallback, and implementation notes.

Build Anime.js scroll-triggered and scroll-synchronised motion with onScroll(), thresholds, sync modes, targets, containers, and callback strategy.

Implement Anime.js SVG morphing, line-drawing, and motion-path animation using morphTo(), createDrawable(), and createMotionPath().

Plan and implement Anime.js splitText() effects for lines, words, and characters with responsive, accessible, and cleanup-aware behavior.

Design and implement Anime.js timeline sequencing, labels, relative offsets, add vs sync decisions, and multi-segment choreography.

Map sparse, evidence-backed AGENTS.md local contracts using AOC DOX, CodeGraph, and OMP subagents.

Audit implementation and conceptual gaps by comparing targeted code inspection, Taskmaster tasks/specs, AOC memory/STM decisions, VCS state, and an optional operator focus. Use for broad project gap reviews or directed planning such as `/skill:aoc-gaps mission-control observability`.

Umbrella production mode for operating HyperFrames inside AOC. Use for HyperFrames workspace architecture, reusable asset systems, campaign packs, brand motion systems, render/export conventions, inventories, retrospectives, and Mind/AOC provenance. For low-level composition authoring use the hyperframes skill; for CLI commands use hyperframes-cli.

Build and maintain a project-local graph-first microsite under `.aoc/map/`, then browse it with `aoc-map`.

Create or resume directed AOC STM handoff packets with explicit purpose and focus.

Use AOC's Understand-Anything bridge for repository knowledge graphs, onboarding, architecture questions, explain/chat flows, and dashboard exploration. This replaces legacy teach workflows.

Implement AOC platform changes with install/init propagation proof.

Umbrella skill for product and system architecture decisions. Use when a request involves product architecture, route/system structure, conversion architecture, gamification architecture, onboarding/retention loops, information architecture, cross-cutting UX systems, or choosing which architecture/design specialist skill to load.

Compare mockups, screenshots, and builds.

Persistent visual-design communication and routing mode for UI critique, UX review, design specs, screenshot QA, handoff, tokens, brand direction, and motion-aware design work.

Convert design intent into developer-ready build guidance.

Premium frontend generation and implementation guidance for landing pages, product UI, and redesign passes that need stronger hierarchy, spacing, states, and polish without copying trend slop.

Audit an existing product or website, identify generic or weak UI patterns, and upgrade it with focused, reviewable design improvements.

Focused screen and component critique skill.

Structured feature and screen specification skill.

Extract or propose tokens from visual systems.

Enforces high-density, production-ready product design standards for dashboards, administrative panels, dev tools, consoles, and multi-tenant internal interfaces.

Umbrella skill for product-facing frontend design work. Use when a request involves UI/UX, landing pages, conversion funnels, design systems, design review, redesigns, premium polish, motion, interaction, design tokens, or choosing which frontend/design specialist skill to load. Routes to the appropriate local skills while keeping root DESIGN.md and implementation context in mind.

Audit a product codebase and design or implement an ethical end-to-end conversion funnel architecture, including landing pages, route hierarchy, user journeys, CTAs, qualification, lead capture, onboarding, pricing/checkout, analytics, lifecycle handoff, retention, expansion, and referral loops. Use when asked to improve conversion, product presentation, marketing/sales funnel, onboarding flow, lead generation, demo booking, waitlist, trial activation, pricing, checkout, or pipeline architecture.

Motion design router for product UI and Anime.js work. Use when the task involves motion systems, microinteractions, page transitions, timelines, scroll-linked animation, SVG motion, split text, React integration, performance, or motion accessibility.

Safely create and maintain custom Omarchy themes with Herdr-aware focus styling.

Analyze large codebases with aoc-rlm scan, peek, and chunk.

Design, review, or reject ethical gamification systems including points, badges, levels, quests, streaks, leaderboards, challenges, rewards, notifications, habit loops, referrals, unlocks, and retention mechanics. Use when the user mentions gamification, gameful UX, rewards, achievements, progress systems, loyalty, streaks, behavioral nudges, or engagement loops.

Author canonical RPG-format specs from the shared template and link them via Taskmaster's legacy-compatible aocPrd metadata.

Run Taskmaster in cross-project mode with explicit tm root targeting and full CRUD flows.

Initialize or repair AOC context, memory, and tasks safely.