agent

Turn integrated agent delivery into one packet-first orchestration decision. Use when the user wants a single front door for plan approval, runtime handoff, browser/UI verification, resume or recovery, and durable `.jeo` task history across Claude Code, Codex CLI, Gemini CLI, or OpenCode. Route spec-first execution loops to `ralph`, visual plan review to `plannotator`, runtime-native execution to `omc` / `omx` / `ohmg`, browser verification to `agent-browser`, submit-gated UI feedback to `agentation`, and trust/approval posture tuning to `ralphmode`.

Brad Frost's Atomic Design methodology for UI component hierarchies: atoms (indivisible elements), molecules (small groups of atoms), organisms (complex sections of molecules), and templates (page layouts). Enforces bottom-up composition (never skip levels), presentational components (data via props, events via callbacks, no data fetching), design tokens for all visual properties, and composition over inheritance. Use when building user interfaces, creating component libraries, organizing frontend code, designing form systems, or structuring any UI. Triggers on: "build a component", "component hierarchy", "design tokens", "presentational components", "composition over inheritance", "React/Vue/SwiftUI components", "atomic design". Applies to any UI framework.

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md…

Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference…

Designs high-performing team structures using organizational psychology AND creates new skills on-the-fly when team needs unmet expertise. Expert in team…

Create and manage GitHub issues, pull requests, workflows, and repositories using the gh CLI. Use when asked to open a PR, merge a pull request, check repo…

Computer vision engineering skill for object detection, image segmentation, and visual AI systems. Covers CNN and Vision Transformer architectures, YOLO/Faster R-CNN/DETR detection, Mask R-CNN/SAM segmentation, and production deployment with ONNX/TensorRT. Includes PyTorch, torchvision, Ultralytics, Detectron2, and MMDetection frameworks. Use when building detection pipelines, training custom models, optimizing inference, or deploying vision systems.

Core consulting thinking frameworks and methodologies for structuring business problems, communicating findings, analyzing strategy, building financial models, and designing operations. Use when any agent or command needs to apply MECE decomposition, pyramid principle, hypothesis-driven analysis, issue trees, SCR communication, Porter's Five Forces, TAM/SAM/SOM market sizing, value chain analysis, NPV/IRR decision criteria, build/buy/partner evaluation, RACI matrices, or any standard consulting framework. This skill provides procedural guidance — not just framework names, but how to apply them correctly.

Generate clean, minimal technical SVG diagrams in a consistent Cloudflare-inspired style. Use when creating architecture diagrams, flow diagrams, or component…

Expert in building comprehensive AI systems, integrating LLMs, RAG architectures, and autonomous agents into production applications. Use when building…

Linear's UI design system. Use when building interfaces inspired by Linear's aesthetic - dark mode, Inter font, 4px grid.

Design interfaces using component libraries and design systems. Creates cohesive UIs with pre-built accessible component primitives.

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures…

Figma's UI design system. Use when building interfaces inspired by Figma's aesthetic - light mode, Inter font, 4px grid.

UI and design review: evaluate visual quality, responsive behavior, accessibility, color/contrast, typography, layout consistency, and i18n readiness using…

Define or refactor a shared frontend UI system before polishing one screen at a time. Use when the user needs token governance, visual-language rules, primitive naming, page-system direction, cross-product consistency, or a design handoff that should stay coherent across landing pages, dashboards, forms, and component libraries. Not for reusable component API architecture, responsive layout-only fixes, accessibility-only remediation, or broad UI critique. Triggers on: design system, design tokens, visual language, component library foundations, UI governance, cross-product consistency, landing page plus dashboard system, primitive naming, token policy.

Notion's UI design system. Use when building interfaces inspired by Notion's aesthetic - light mode, Inter font, 4px grid.

Expert blueprint for data-oriented design using Resource/RefCounted classes (item databases, character stats, reusable data structures). Covers typed arrays,…

Routing-first visual approval gate for AI agent plans, markdown specs, and diffs. Use when a human needs to review a concrete plan before execution, inspect a targeted diff in a browser, mark up a spec/PRD/architecture note, or set up the review loop on Claude Code, Gemini CLI, Codex CLI, or OpenCode. Route planning/spec creation to `task-planning` or `ralph`, broad PR-policy review to `code-review`, rendered-UI critique to `agentation`, and fresh-session browser verification to `agent-browser`.

People leadership for scaling companies. Hiring strategy, compensation design, org structure, culture, and retention. Use when building hiring plans, designing…