Image Processing

Generate and edit images using the Gemini API (Nano Banana Pro). Use this skill when creating images from text prompts, editing existing images, applying style transfers, generating logos with text, creating stickers, product mockups, or any image generation/manipulation task. Supports text-to-image, image editing, multi-turn refinement, and composition from multiple reference images.

Convert Wiki-style image links to Markdown format with AI-generated descriptions. Use when preprocessing markdown files for PPT generation, converting ![[image.png]] to  format, or enabling text-based image understanding.

Extract panel schedule data from images (photos or CAD drawings) and generate PanelCalc-compatible JSON import files. Use when user provides panel schedule images, panel directory photos, or CAD drawings that need to be digitized into structured panel data. Supports single-column, dual-column, handwritten, and typed formats.

Analyzes HTML/JSX/TSX files for SEO and accessibility issues including WCAG 2.1 AA compliance, color contrast (4.5:1), heading hierarchy, meta tags, image alt text, and ARIA attributes. Use when checking web pages for SEO, accessibility, WCAG compliance, or when user mentions "a11y", "contrast", "alt text", "meta tags", "heading structure", or "accessibility audit".

Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, screen reader support, and proper color contrast. Use this skill when creating or modifying UI components, implementing form inputs, adding interactive elements, working with navigation menus, creating modals or dialogs, or handling focus management. Apply when working on React component files (*.tsx, *.jsx), Shadcn/ui components, or any frontend code that users interact with. This skill ensures semantic HTML elements (nav, main, button, etc.) that convey meaning to assistive technologies, keyboard navigation with visible focus indicators (focus:ring-2 focus:ring-offset-2 in Tailwind), sufficient color contrast ratios (4.5:1 for normal text), descriptive alt text for images and meaningful labels for form inputs, screen reader testing and verification, ARIA attributes for complex components when semantic HTML isn't sufficient, logical heading structure (h1-h6 in proper order), and proper focus management in dyna

Kyverno image validation: registry allowlists, digests, signatures, and CVE scanning gates for K8s supply chain security.

Build accessible web interfaces following WCAG guidelines and assistive technology best practices. Use this skill when creating or modifying UI components that need keyboard navigation, screen reader support, or ARIA attributes. When working on files like components/, pages/, or any file with interactive elements, forms, modals, or dynamic content. When adding alt text to images, labels to form inputs, or managing focus in single-page applications. When implementing color contrast, heading structure, or semantic HTML elements.

Visual generation converges toward accepting first output ("looks good enough") and following technical specifications rigidly. This produces generic aesthetics and misses Gemini 3's reasoning capabilities. This skill provides multi-turn reasoning partnership methodology with professional quality standards.

Generate images using Google Gemini with customizable options

ALWAYS use for ANY C# operation: renaming (files/classes/methods/properties/namespaces), finding references/usages ("where is X used"), finding definitions ("where is X defined"), understanding code structure (hierarchies/dependencies/relationships). Roslyn-powered semantic analysis ensures all references are updated correctly across the entire solution.

Medical document OCR processing for extracting structured clinical data from medical images (prescriptions, lab results, clinical notes). Uses Google Cloud Vision for text extraction and medical NLP for entity recognition. Deploy when processing healthcare documents, extracting patient data, or converting medical images to structured formats.

Optimizes ProAgentic development environment by cleaning port conflicts, Docker images, memory issues, and test artifacts. Performs aggressive port cleanup, Docker image optimization, memory monitoring, and system health diagnostics. Use before starting development, when app won't start with port errors, when system feels slow, or for weekly maintenance. Provides before/after metrics and health reports.

Filament 4.x coding standards for Laravel 12. Custom Schema namespace (NOT Form), Vietnamese UI, Observer patterns, Image management. USE WHEN creating resources, fixing namespace errors, implementing forms, RelationManagers, Settings pages, or any Filament development.

Generates a positioning summary using the CBBE framework (Salience, Performance, Imagery, Judgments, Feelings, Resonance) based on product, persona, and competitive context.

Write modern C# code using .NET 8+, C# 12+ features, ASP.NET Core APIs, Entity Framework Core, and Blazor. Use for C# files (.cs), .NET projects, ASP.NET Core web apps, EF Core data access, minimal APIs, Blazor components, or LINQ queries.

Generate images using the Jimeng API based on text prompts. Use this skill when users request AI-generated images from the Jimeng (即梦AI) service, artwork, illustrations, or visual content creation. Supports text-to-image and image-to-image generation with customizable ratios and resolutions.

A zero-runtime CSS-in-JS preprocessor framework for React. Use this skill when working with Devup UI components, styling, theming, or build configuration. This skill covers component usage (Box, Flex, Grid, Text, Button, etc.), styling APIs (css, styled, globalCss, keyframes), theme configuration, and build plugin setup for Vite, Next.js, Webpack, and Rsbuild.

Use when implementing Least Significant Bit (LSB) steganography - allows hiding images or text within other images by encoding data in the least significant bits of pixel color channels

Package Go CLIs as minimal secure containers with distroless base images. Static binaries, non-root users, read-only filesystems for production.

Lossless image optimization using ImageOptim on macOS. Use when user mentions ImageOptim, asks to optimize images, or invokes /image-optim.