Skill UI

Automates guidance for creating architecture diagrams and visual documentation, following best practices and producing ready-to-use configurations for charts, presentations, and visualization tools.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

This SDK provides Java developers with access to advanced image analysis features from Azure AI Vision. It allows applications to perform various visual tasks, including OCR text extraction, generating detailed image captions, detecting specific objects with bounding boxes, recognizing content tags, and performing smart cropping. Use it when building applications that require deep visual understanding of images.

An expert tool for generating comprehensive C4 Code-level documentation. It analyzes existing code directories to automatically extract and document critical architectural details, including function signatures, class definitions, method dependencies, and internal data flows. It supports generating various Mermaid diagrams (classDiagram, flowchart) to visualize complex system components, ensuring accurate and maintainable technical documentation.

Creates design philosophies and companion .pdf/.png artworks when asked for posters or static art, emphasizing spatial storytelling, minimal text, and meticulously crafted visual execution.

Automates Chart.js configuration workflows with best-practice guidance, code generation, and validation so you can quickly build diagrams, presentations, and other visual content when requesting a chart js config creator.

Automatically activates when chart type recommender needs arise, guiding data analysts through SQL, visualization, statistics, and BI patterns to deliver production-ready recommendations.

Applies Anthropic’s official color palette, typographic hierarchy, and accent system to any artifact that needs the company’s visual identity, ensuring consistent styling across materials with smart fallbacks for system fonts.

This comprehensive skill guides users through a systematic, 7-part brand strategy process, mirroring methodologies used by top agencies. It covers defining the core brand truth, architecting target audiences, establishing cultural context, developing messaging, defining visual principles, planning channel strategy, and setting measurement KPIs. Use this framework to build a robust and cohesive brand foundation from scratch.

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

Provides expert guidance on designing, implementing, and optimizing cutting-edge computer vision pipelines. Expertise spans real-time object detection (YOLO26), advanced promptable segmentation (SAM 3), and leveraging Vision Language Models (VLMs) for complex visual reasoning. Ideal for building high-performance systems in robotics, autonomous vehicles, and industrial inspection, including 3D reconstruction and edge deployment optimization.