Agent Skills Hub

draw-io

Specialized skill for creating, editing, and maintaining .drawio diagrams. Supports XML manipulation, layout optimization, AWS icon usage, and automated PNG conversion for documentation.

nano-banana-pro

Generate and edit images, diagrams, and infographics using Google's Gemini 3 Pro model. Supports text-to-image, style transformation, and data-accurate visual creation.

explain-concepts

Explains complex concepts using master teaching frameworks like Feynman, Socratic, and Cognitive Load theory to ensure deep, clear understanding.

competitive-analysis

Framework for building professional competitive landscape decks, including market positioning, peer benchmarking, and strategic synthesis for finance professionals.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

context-bar

A color-coded, real-time context usage progress bar for the Claude Code statusline and manual on-demand checks.

quality-metrics

Automate quality observability with DORA metrics, defect density tracking, and intelligent quality gate configuration for continuous delivery pipelines.

automating-keynote

Automate Apple Keynote presentations using JXA and PyXA. Create slides, manage documents, add charts, images, and text programmatically via Apple Events.

tweet-rl-tracker

A Notion-based tracking system for tweet performance to enable data-driven content experimentation using reinforcement learning principles.

overview

Foundational mental model and operational rules for using TraceMem to ensure secure, auditable, and compliant AI agent execution.

react-flow-node-ts

Scaffold custom React Flow node components with TypeScript, Zustand integration, and standard handles for visual workflow editors.

office-sprite

Generate and process 16-bit pixel art office assets for the Claude Office Visualizer using Nano Banana MCP and multi-pass ImageMagick workflows.