Claude Code: AI Agent Workflow Collection

Animation knowledge base - Framer Motion, CSS animations, scroll effects, best practices. Use when adding animations, transitions, motion effects, or scroll-triggered effects to UI components.

Inline orchestration workflow for automated bug detection and fixing. Provides step-by-step phases for bug-hunter detection, priority-based fixing with bug-fixer, and verification cycles.

Plan marketing campaigns with objectives, audience segmentation, channel strategy, content calendars, and success metrics.

Inline orchestration workflow for dead code detection and removal. Provides step-by-step phases for dead-code-hunter detection, priority-based cleanup with dead-code-remover, and verification cycles.

Research your competitors and build an interactive battlecard. Outputs an HTML artifact with clickable competitor cards and a comparison matrix.

Draft marketing content across channels — blog posts, social media, email newsletters, landing pages, press releases, and case studies.

Invoke when the user needs to create, optimize, or audit any marketing content including blog posts, ad copy, emails, social media posts, landing page copy, content calendars, brand voice guidelines, or when checking content for decay, AI quality, accessibility, or multilingual adaptation.

Research-first content creation optimized for both human readers and AI search engines (Claude, ChatGPT, Perplexity, Gemini). Creates authentic, authoritative content that becomes the go-to citation source for AI models answering user questions.

Content generation rules — customer-as-protagonist rewriting, inflated language filter, precision targeting, sell results not products, and anticipatory selling material generation for sales Steps 5-7. Use when generating any content, reviewing drafts, or creating sales support materials.

Generate tailored sales assets (landing pages, decks, one-pagers, workflow demos) from your deal context.

Generate D3.js visualizations including charts, graphs, and interactive data visualizations. Use when creating data visualizations with D3.js.

Inline orchestration workflow for dependency audit and updates. Provides step-by-step phases for dependency-auditor detection, priority-based updates with dependency-updater, and verification cycles.

Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigation, or complete applications. Applies to HTML, CSS, React, Vue, Svelte, and any frontend framework. Ensures consistent, minimal, and accessible design patterns.

Research a prospect then draft personalized outreach. Uses web research by default, supercharged with enrichment and CRM.

Edit Banana — convert diagram images (PNG/JPG) into editable DrawIO XML. Edit text on screenshots of flowcharts, architecture diagrams, tables, formulas. Uses SAM 3 + PaddleOCR + Gemini VLM. Local install at ~/Edit-Banana with CUDA support.

Create Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", or discusses workflow/process visualization. Supports DSL, DOT/Graphviz, and JSON formats.

Creates a complete product feature specification with acceptance criteria, scope, dependencies, and risks. Delegates to the Prometeo (PM) agent.

Generate AI-powered presentations, documents, and social posts using Gamma.app API. Use when user asks to create a presentation, pitch deck, slide deck, document, or social media carousel. Triggers on requests like "create a presentation about X", "make a pitch deck", "generate slides", or "create a Gamma about X".

Create standardized report headers with metadata for all agent-generated reports. Use when generating bug reports, security audits, dependency reports, or any worker output requiring consistent formatting.

Create and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials. Use when the user needs investor-facing documents, projections, use-of-funds tables, milestone plans, or materials that must stay internally consistent across multiple fundraising assets.

Expert-level analysis and diagnosis for Meta Ads (Facebook/Instagram) campaigns. Interpret performance data, identify root causes of issues via Breakdown Effect analysis, and generate actionable recommendations. Use when analyzing Meta Ads, Facebook Ads, or Instagram advertising data.

Manage n8n workflows, executions and credentials via REST…

Use the Open Design workbench to create editable visual projects, prototypes, landing pages, dashboards, mobile screens, decks, and implementation handoffs.

Professional PDF documentation generation. Convert Markdown to PDF with custom templates, styling, table of contents, cross-references, and optimized output for print and archival.